HTML:<button type="button" @click="a();b()">按钮</button>JS:methods:{
console.log('a');
console.log('b');
3、@click.self:只有在点
击
所在的当前这一级标签的时候才会触发
事件
,点
击
它里面的子
元素
标签不会触发
事件
。【只有在e.target = e.currentTarget的时候才执行,也就是触发
事件
的
元素
和
绑
定
事件
的
元素
相等的时候才会执行。1、@click.prevent:阻止
事件
的默认行为(在后面依然看可以写click要触发的函数:@click.prevent="handle")4、@click.once:
绑
定的
事件
只会执行一次,执行后这个
事件
会解
绑
,不会再被执行。
在进行tag标签的编辑时,需求单
击
tag表示选中,双
击
tag进入编辑模式,进行修改。这样如果不做处理,双
击
会同时触发单
击
事件
,解决思路:设置一个变量,在单
击
事件
中进行延时设置,在双
击
事件
中,直接将单
击
事件
的延时取消,那么就不会触发单
击
事件
。
详细实现思路:
1. 设置varclickTimeChange; 用于单
击
事件
的延时变量。
2. 单
击
事件
的代码如下:
handleCheckChange = (tag, index) => {
clearTimeo...
<button id="button2" v-on:click="clickButton1();clickButton2()" v-on:click="">按钮2</button>
<script>
var vm=new
Vue
({
el:"#button2",
methods:{
clickButton
调用
方法
的使用
<el-form-item label="平台" :rules="[{ required: true}]">
<el-radio-group v-model="form.projectSign" @change="billingSubmission" >
<el-radio label="learnOnline">在线</el-radio>
<el-radio label="nursery"&g