zoukankan      html  css  js  c++  java
  • vue 设置button disabled

    <button v-bind:disabled="dis" @click="alert">button</button>

    dis:''  ||   dis:'111'  || dis:'aaaa'  都会设置按钮disabled="disabled"

    dis:false  才会取消这种状态,很神奇

    这是官网上的一段解释,现在才真正的明白到底是啥意思,只有设置值为false的时候才会取消上面的状态,很严格的哈

    同理可以看到:

    <p v-if="show">12222222222</p>

    现在p的显示是根据show的布尔值来判定的   show:''   show:false  布尔值都是假  只有当show:true || show:'2222' || show:'aaaaaa'

    布尔值为真的时候才会显示,就是这么奇葩,但是上面的button的disabled属性并不是这样的,p的显示按照正常的逻辑是可以理解的,disabled确实进行严格定义的

     只有设置disabled为false的时候才会进行显示的,amazing

    现在看官网的解释,就很明白了,值得真假,而上面是严格定义,值为false才会取消,哈哈。。。。。感觉学到了很多东西

    <div class="static" :class="{active:isActive}">style || class</div>

    这里的active也是只要判断isActive是否是真值就好,而不是像最开始的,需要判断button中的disabled必须是false才会是禁用,

    这里发现:除了设置默认的属性需要使用严格的false,其余的都是需要看属性值的真假

  • 相关阅读:
    三维体系、点、矢量
    在服务中创建用户进程的方法(C#版)
    C++批判(2)
    MFC五大批判
    Windows服务编写原理及探讨(一)
    Lua常用资源连接
    网友怒批“Linux难敌视窗新七大理由”之我见
    在VC++中实现同步Internet时间
    Lua脚本语法说明(修订)
    Lua 5.0 参考手册
  • 原文地址:https://www.cnblogs.com/xiaoqi2018/p/10793676.html
Copyright © 2011-2022 走看看