vue的disabled属性,button disabled属性

　　本文主要介绍Vue如何设置按钮的禁用属性，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

Vue设置button的disable属性

　　表单有一个disable属性，用于控制元素是否可用。

　　用法是button disable= disable click/button。

　　实际测量后，disable接受任何属性值，即使您将disable的属性添加到标记中，此表单元素也将变得不可用。

　　换句话说，如果你试图使用下面的语句使按钮可用，这是不可行的。

　　Button= false 单击/button //仍然不可用。

　　其实很简单。

　　模板

　　按钮v-bind:disable= dis Click/button//仍然不可用

　　/模板

　　脚本

　　导出默认值{

　　data(){

　　返回{

　　dis:错误

　　}

　　/脚本

　　虽然原生HTML标签有disable属性，但是不管它的值是多少，效果都是不可用的。但在vue却不是这样。通过属性绑定，可以使用bool值来控制相应的表单元素是否可用。

　　前提是必须使用属性绑定机制v-bind。

　　按钮ref=btn 按钮/按钮

　　最好不要用这个。$ refs . BTN . set attribute( disabled ，true)；禁用按钮

　　因为这个的效果和这个是一样的。$ refs . BTN . set attribute( disabled ，false)；可以，所有按钮都是禁用的，因为true或false转换成一个字符串，这个字符串基本上等同于true，也就是两者都是禁用的。

　　而如果换成这样。$refs.btn.disabled=true(禁用按钮)，this。$refs.btn.disabled=false(可用按钮)可以满足正常要求。

　　但是，使用setAttribute也不是不可以。要取消禁用按钮，必须将其与removeAttribute一起使用：

　　这个。$ refs . BTN . remove attribute( disabled )；

　　Vue不建议使用dom，所以当然要写在标签里，disabled=flag(注意flag不要加引号，flag在数据里设置为布尔值)

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。