vue.js中怎么设置按钮不可用?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
表单元素有一个disable属性,用来控制该元素是否可用。
这个属性在HTML里只有1个值,用法就是 点击
经实测,disable接受任何属性值,甚至只要你给标签添加了disable的属性,这个表单元素就成为不可用状态。
换句话说,如果你试图用下面的语句,让按钮成为可用状态,是不可行的。点击 //仍然是不可用状态
如果需要在vue项目中控制按钮的可用与否。其实很简单
点击 //仍然是不可用状态
export default{
data(){
return {
dis: false
}
}
}
虽然原生的HTML标签只要有disable属性,不管它值是什么,效果都是不可用。但是在vue里就不是这样了。通过属性绑定,可以使用bool值来控制对应的表单元素是否可用。
前提是,必须使用属性绑定机制v-bind。
非常简单
更多web前端开发知识,请查阅 HTML中文网 !!