vue单个元素绑定多个相同事件

vue单个元素绑定多个相同事件,第1张

1.vue单个元素绑定多个相同事件

//正确的

<button @click="handelClick(),handelClick2()">测试click事件</button>

2.当然你也可以绑定一个函数, 在函数中调用多个函数

可以啊,只要在写成<h1 @click="hi()">{{a}}</h1>,然后在methods里写hi这个函数就行了,还是说你想添加两个点击事件

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<script src="vue.js"></script>

<title>Title</title>

</head>

<body>

<div id="app">

<!-- <h1 is="test"></h1>-->

<test></test>

</div>

<script type="text/javascript">

var mytest = Vue.extend({

template: '<h1 @click="hi()">{{a}}</h1>',

data: function () {

return{

a: "this is a test"

}

},

methods: {

hi: function() {

alert(this.a)

}

}

})

var vm = new Vue({

el: "#app",

components: {

"test": mytest

}

})

</script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11616076.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存