码迷,mamicode.com
首页 > 其他好文 > 详细

vue 设置button disabled

时间:2017-06-04 10:51:05      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:show   bind   根据   布尔   disabled   意思   网上   false   技术   

<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才会取消,哈哈。。。。。感觉学到了很多东西

 

vue 设置button disabled

标签:show   bind   根据   布尔   disabled   意思   网上   false   技术   

原文地址:http://www.cnblogs.com/wrestle-mania/p/6939571.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!