vue 的 函数引入 index 问题
来源:互联网 发布:手机淘宝秒杀怎么抢 编辑:程序博客网 时间:2024/06/07 10:34
今天研究vue 跟着 教程 做了一个小demo。实现表格的 增删内容
如果添加 一条信息 点击提交 会在表格添加一行。
如果点击删除的话就会删除点击的那一行,要实现这个功能 就要得到点击的tr的 index 。根据老教程是这样的
/*************html******
<tr v-for="message in messages">
<td>{{message.name}}</td>
<td>{{message.age}}</td>
<td>{{message.sex}}</td>
<td><button v-on:click = "deleteData($index)">删除</button></td>
</tr>
/*************js*****
deleteData:function(index){
this.messages.splice(index,1);
}
js部分是没有问题的,主要是传入的参数 index 出现错误
主要原因是因为 vue2.0 移除了$index $key ,所以 引用index 要采用以下的方式:
***************************
<tr v-for="(message,index) in messages">
<td>{{message.name}}</td>
<td>{{message.age}}</td>
<td>{{message.sex}}</td>
<td><button v-on:click = "deleteData(index)">删除</button></td>
</tr>
github 地址 : https://github.com/mawuyun/vue/blob/master/vue/html/testVueOne.html
- vue 的 函数引入 index 问题
- vue 引入css 的一些问题
- vue引入图片问题
- CI去除index.php和引入文件的路径问题
- 关于vue引入问题说明
- vue 的 vue-cli引入jq
- vue2.0 使用vue-cli搭建的项目如何在index.html里引入静态css和js
- vue引入jquery的方法
- Vue 组件之间的引入
- vue引入JQ的方法
- min/max函数的index问题
- 动态库引入函数的问题
- vue的“$index” is undefined错误
- 1.vue的引入和vue环境的搭建
- vue引入jquery和bootstrap的方法
- vue引入新的依赖操作
- 在vue中引入jQuery的方法
- vue轮播图插件vue-awesome-swiper的引入及使用
- JAVA内部类详解
- Apache Spark大数据分析入门(一)
- java英文数字转换为阿拉伯数字
- 【利用python进行数据分析——基础篇】利用Python处理和分析Excel表中数据实战
- 2017年Q1安卓ROOT类恶意病毒发展趋势研究报告
- vue 的 函数引入 index 问题
- I/O多路转接(一)之select_server
- 基于注解的spring MVC程序
- 人脸识别经典算法一:特征脸方法(Eigenface)
- 欢迎使用CSDN-markdown编辑器
- yii2场景简单实用
- SVN:利用svnsync定时单向备份同步版本库
- 安卓沉浸式状态栏
- Easyui DataGrid row的相关操作