表单元素有一个disable属性,用来控制该元素是否可用。
1. 这个属性在HTML里只有1个值,用法就是 <button disable="disable">点击</button>
经实测,disable接受任何属性值,甚至只要你给标签添加了disable的属性,这个表单元素就成为不可用状态。
换句话说,如果你试图用下面的语句,让按钮成为可用状态,是不可行的。
<button disable="false">点击</button> //仍然是不可用状态
2. 如果需要在vue项目中控制按钮的可用与否。其实很简单
<template>
<button v-bind:disable="dis">点击</button> //仍然是不可用状态
</template>
<script>
export default{
data(){
return {
dis: false
}
}
}
</script>
虽然原生的HTML标签只要有disable属性,不管它值是什么,效果都是不可用。但是在vue里就不是这样了。通过属性绑定,可以使用bool值来控制对应的表单元素是否可用。
前提是,必须使用属性绑定机制v-bind。
非常简单
转载于:https://www.cnblogs.com/ldq678/p/10917635.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)