@comment="val=>comment(子组件传的val,下标index)"
这样写
3条回答
-
采纳
点赞 评论 复制链接分享
-
采纳
(item,index) in object
点赞 评论 复制链接分享 -
采纳
代码太少了，描述不清楚，下次多截取一些
点赞 评论 复制链接分享
提交
相关推荐
- 回答 3 已采纳 即comment组件在v-for里面，想获取其下标index，但子组件已经传了参数，该如何同时获取两个参数？获取下标是为了得到$refs.xxx[i]里的i，求教谢谢！
- 回答 4 已采纳 红框为子组件，点击左边的+选到右边，右边也可以点x删除掉，左边数据来自父组件调用的接口，点+push到右边一个的数组，同时隐藏左边对应的项，点x删除右边的数组对应的项，同时左边对应项显示回来。 现在保存按钮在父组件，怎么把子组件右边已选的项动态传递给父组件？问题出在了父组件拿不到最终的项，虽然可以一项一项的传递过去，但是点x后就删除了，此时父组件里这项还在，如何实现两边同步？ <template> <div> <div> <div> <div> <div@click="switchLeft"> <span :class="[tabType == 1 ? 'selected-tab' : '']">{{ leftTabName }}</span> </div> <div@click="switchRight"> <span :class="[tabType == 2 ? 'selected-tab' : '']">{{ rightTabName }}</span> </div> </div> <input type="text" /> <div> <div v-for="(item,index) in stationList" :key="index"> <div v-if="item.isshow"> <div>{{ item.name }}</div> <div><img src="../image/addicon.png" @click="selectedStation(item)"></div> </div> </div> </div> </div> <div> <div>已选站点</div> <div> <div v-for="(item,index) in selectedList" :key="index"> <div>{{ item.name }}</div> <div><img src="../image/delete.png" @click="deleteStation(item,index)"></div> </div> </div> </div> </div> </div> </template> <script> export default { name: "SelectStation", props: { // 左边选项 leftTabName: { type: String, default: "左边" }, // 右边选项 rightTabName: { type: String, default: "右边" }, // 站点 stationList: { type: Array, } }, data() { return { tabType: 1, isHover: false, stationName: "", selectedList: [], // 已选的 } }, mounted() { this.stationList.forEach((item, index) => { item.location = index item.isshow = true this.stationList.push(item) }) }, methods: { switchLeft() { this.tabType = 1; }, switchRight() { this.tabType = 2; }, selectedStation(item) { item.isshow = false; this.selectedList.push(item); }, deleteStation(item, index) { this.stationList.forEach(station => { if (item.id == station.id) { station.isshow = true; } }); this.selectedList.splice(index, 1); } }, } </script>
- 回答 1 已采纳 1、问题描述 vue v-for循环map时可以获取到数据，但是用item.id时却获取不到数据 2、数据样例  数据是这样的，map里面嵌套了一个子map subMenu，但是subMenu的右侧显示为Object v-for的时候可以获取到subMenu的数据，用item.menu的时候是获取不到对应的值的。 如果不用item.menu而是直接用menu却又可以获取到。请看前端代码 ``` {{item.menu}} {{subItem.menu}} ``` js代码： ``` async getMenuList() { this.$http.get('/manager/getMenu').then( response => { if(response.data.code!==200) { return this.$message.error("左侧菜单获取失败！"); } this.menuList = response.data.data; console.log(this.menuList); }, error => { return this.$message.error("左侧菜单获取失败！"); } ); } ``` 中如果为{{subItem}}则页面显示效果为  中如果为{{subItem.menu}}则页面显示效果为  是没有办法获取到相应的值。 各位大神们，请问这是什么原因导致的？如何解决？
- 回答 1 已采纳  比如说后台数据返回的是（1，A），状态为已入库，那我该如何将获取到的坐标对应图片的坐标，然后将图片li对应坐标的颜色改为已入库对应的绿色 表格代码如下： ``` 0 && columns > 0"> ```
- 回答 1 已采纳 ### 使用v-for循环出一排七个不同的图标 ``` ``` ####大致代码这个样子的，但是不太懂数据绑定啥的，求大神指点一下萌新
- 回答 3 已采纳 vue使用v-for循环直接使用方法获得的数组，代码 ``` ``` 像这样，只要整个test发生变化就会调用getList方法，就比如我在input输入也会调用getList，各位大神有解决方法吗
- 回答 2 已采纳 ``` ``` ``` ``` ----------------------------------------------------------------------------- 感谢楼下指导，我改成了这样 ``` ``` ``` data() { return { taskid: '', form: {}, formindex:[], formvalue:[], } }, ....... for(let key in res.data){ // this.$set(this.form, key, res.data[key]) this.formindex.push(key) this.formvalue.push(res.data[key]) } ``` 依然不好使，求原谅，太菜了
- 回答 4 已采纳 上面这个图片循环出来后关于计算定位的问题，每循环出来一个图片我就要通过下标值就要给（backgroundPositionX）重新赋予一个没有规律的值，请问这个怎么做
- 回答 6 已采纳 我的输入框是没有在form里面，只是input，如下： ``` 密码 密码 ``` 而且JavaScript是在同一个页面的下方，格式如下： ``` module.experts(){ data:function(){ ###}, filter:{###}, computed:{###}, methods:{###} } ``` 我的equalcheck（）是 ``` function equalcheck(){ if(password.value != confirm.value){ alert("once again"); return false; } } ``` 请问我写的equalcheck方法有错误吗，就是判断两次输入的密码是否一致， 如果我写的不对请问该如何修改，如果写的对，请问该放在JavaScript的什么地方？JavaScript里面的那些data function、filter、computed，methods格式不能变。谢谢老师
- 回答 1 已采纳 I want to echo vuejs data inside a php function like so: {{ auth()->user()->timesAddedBeer(@{{ beer.id }}) }} But laravel gives me the following error: syntax error, unexpected '{' Can anybody tell me the right way to do this?
- weixin_39715513的博客 一开始接触到vue的for循环就觉得贼好用，重复性的东西再也不用ctrl C+ctrl V了好吗。不仅代码可复用了，而且提高了代码可读性、减轻了工作量，更重要的是写代码都有成就感了。贴出个小小例子：template{{item.name}}...
- angula_的博客 在使用vue组件的时候，我们经常会遇到v-for必须要加key值 来举个例子进行说明吧！ 不存在key的情况 <!-- * @Author: angula * @Date: 2020-08-07 00:05:05 * @LastEditTime: 2020-08-07 00:17:21 * @FilePath...
- weixin_39618730的博客 最近公司的一个项目中使用 Vue 2.x + Element UI 实现一个后台管理系统的前端部分，属于商城类型。¶一、前期思路：其中在“所有订单”页面，UI 给的设计页面如下：UI 理解：每个 Tab 点击后展现的页面都是这样的...
- 时青云的博客 使用v-for的时候设置key值得时候，我用的是index，导致存在缓存的情况，这个和vue中的diff算法有关。于是，我就给每一项设置一个独一无二的索引值，就是给每一项加一个时间戳new Date().getTime()作为索引值，这样
- Houzhyan的博客 原文:... 1.v-for 直接上代码。 示例一： DOCTYPE html> html> head> meta charset="utf-8"> meta name="viewport" content="initial-scale=1.0, maxim
- weixin_30920853的博客 最近公司的一个项目中使用 Vue 2.0 + element UI 实现一个后台管理系统的前端部分，属于商城类型。 一、前期思路： 其中在“所有订单”页面，UI 给的设计页面如下： 图 1 - 1 UI 设计图.png UI ...
- 2年前丰柏林的博客 本篇博客主要介绍如何用vue遍历js文件中的数组和对象 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> <link rel=...
- weixin_39576336的博客 一开始接触到vue的for循环就觉得贼好用，重复性的东西再也不用ctrl C+ctrl V了好吗。不仅代码可复用了，而且提高了代码可读性、减轻了工作量，更重要的是写代码都有成就感了。贴出个小小例子：ｔｅｍｐｌａｔｅ{{...
- His boy的博客 day02-Vue常用特性 一、表单操作 基本操作 获取单选框中的值 通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当...
- 请闭眼沉思的博客 但是在实际项目中，我们有时候会想要取得循环中的index值，这个时候怎么办，我曾经想把v-model或是v-bind绑定在组件上以取得index，但是无效。后来我发现可以通过事件获取。当你触发一个事件时，可以顺便拿下他的值...