vue中如何使事件失效 vue点击事件不生效

主机教程 建站分享 2年前 (2022-11-16) 177次浏览

文章摘要:vue中如何使事件失效 vue点击事件不生效

在vue中使事件失效的方法:1.新建vue.js项目;2.添加按钮,并绑定事件;3.添加disabled属性; […]

在vue中使事件失效的方法:1.新建vue.js项目;2.添加按钮,并绑定事件;3.添加disabled属性;4.添加代码使事件失效;

具体步骤如下:

1.首先,在vue-cli中创建一个vue.js项目;

vue create project-name

2.vue.js项目创建好后,在项目中添加一个按钮,并使用@click属性绑定事件;

<button @click="test">事件</button>

3.事件绑定好后,在按钮中添加一个disabled属性;

<button @click="test" disabled="noMore">事件</button>

4.最后,disabled属性添加好后,添加以下代码即可使事件失效;

computed: {

noMore() {

return this.items.length === this.total

}

}


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:vue中如何使事件失效 vue点击事件不生效
文章链接:http://www.7966.org/post/11093.html
转载请注明出处

喜欢 (0)