zoukankan      html  css  js  c++  java
  • Vue设置button的disable属性

      表单元素有一个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。

      非常简单

  • 相关阅读:
    理财––股票
    API -- 图书
    PowerBuilder -- 数字金额大写
    CSS -- 未解之疑
    CSS -- position
    PowerBuilder -- 条码打印
    PowerBuilder -- 日期
    SQLServer -- SQL Server Database Error: 内部 SQL Server 错误
    Oracle -- 连接每行的内容
    性能优化
  • 原文地址:https://www.cnblogs.com/ldq678/p/10917635.html
Copyright © 2011-2022 走看看