vue绑定 v-for循环绑定不同事件

作者: 月落乌啼霜满天_1f0f | 来源:发表于2018-11-07 11:22 被阅读0次

1.模板：

图片.png

back组件为封装的一个简单的组件无关紧要；
2.data：

图片.png
定义的title和shijian（事件）这两个是要循环的
3.关键：

3.1：

图片.png
这是一个方法这就是关键的diaoshijian（）（调事件方法）可以看到穿了一个参数：

图片.png
tab.shijian 和方法里面的methodsWords对应

3.2
接着我在下面定义a,b,c,d四个事件

图片.png
方法
diaoshijian(methodsWords) {
thismethodsWords
}中的thismethodsWords 一定要这么写不然会有问题不要写成
this.methodsWords()
以上就是绑定不同vue循环绑定不同事件的方法了

vue绑定 v-for循环绑定不同事件
1.模板： back组件为封装的一个简单的组件无关紧要；2.data： 3.1： 3.2接着我在下面定义a,b,...
【转载】vue中v-for循环出来的元素绑定的不同事件
原文：vue中v-for循环出来的元素绑定的不同事件(亲测,好用?) 刚开始我在循环出来的元素中加@click="...
vue.js指令逻辑运算符分支结构随机数
vue.js指令 v-for=" 循环v-model='' 双向绑定，用于表单元素v-on:事件名=...
vue.js 笔记
v-for(循环） //html //vue.js v-model(双向数据绑定) //html //vue.js...
vue 中v-bind的运用以及制作选项卡
v-for=" "循环 v-model =" "双向数据绑定用于表单元素 v-on=" "事件名="函数名绑定事...
vue基础概念
1、v-model(绑定数据)2、v-for（循环）3、v-on（绑定事件）4、$index（索引）5、v-if（...
2018-09-11
vue.js第一节9月10日vue.js基础、v-for循环、v-modv-el双向绑定、v-on事件、table...
vue官方文档阅读笔记
v-XX1,v-bind 绑定vue实例和html标签2,v-for v-if3,v-on 绑定事件4,...
vue 3.x 学习前的查缺补漏
> vue 2 查缺补漏 >>>> 动态属性绑定 >>>> 循环绑定 >>>> 方法传值传入事件对象 >>>>...
关于 vue 组件for遍历之后事件获取index索引
当在使用vue组件时，当绑定事件在父组件时，如果组件采用了v-for循环遍历，并且组件内需要通过该事件传值到组件外...