扫码关注官方订阅号
vue.js开发中,需要需要动态的给一个按钮添加点击事件,来触发不通的方法,这个怎么做?
学习是最好的投资!
@click绑定一个空的函数,然后动态的给这个函数赋值?
v-on:click可以接收一个自定义的method,通过在method里来做逻辑判断,执行不同的方法。
Vue.js 2.x里面可以这样写,用@click.asyc绑定,代码如下:
<p id="app" > <p>{{message}}</p> <button @click.sync="onClick">Click Me</button> </p> <script> var vue = new Vue({ el: "#app", data:{ message:"Hello,world!" }, methods: { onClick: function () { this.message = "You click me!"; this.onClick = function () { this.message = "Hello,i changed!"; } } } }); </script>
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
@click绑定一个空的函数,然后动态的给这个函数赋值?
v-on:click可以接收一个自定义的method,通过在method里来做逻辑判断,执行不同的方法。
Vue.js 2.x里面可以这样写,用@click.asyc绑定,代码如下: