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。

      非常简单

  • 相关阅读:
    四则运算单元测试
    四则运算2
    课堂记录
    软件工程第一课,设计简单小学四则运算
    阅读计计计计计计划
    团队开发——冲刺1.a
    博客园之用户体验
    软件项目风险评估计划
    《人月神话》读书笔记 第2篇
    课堂作业——找1
  • 原文地址:https://www.cnblogs.com/ldq678/p/10917635.html
Copyright © 2011-2022 走看看