javascript - vue2.0怎么控制input的输入功能
伊谢尔伦
伊谢尔伦 2017-04-11 12:16:59
0
2
280
<input :readonly="isRead"/>

这个isRead不管是什么值,input都会被加上readonly属性。有什么办法可以解决呢???我想通过isRead变量来控制是否添加readonly属性

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回覆(2)
黄舟
    <body>
        <p id="app">
            <input :readonly="isRead"/>
        </p>
    <script type="text/javascript">
        var app = new Vue({
              el: '#app',
            data: {
                message: 'Hello Vue!',
                isRead: false
            }
        })
    </script>
    </body>

不知道你的isRead的值是不是用的布尔值。设置为false是可编辑的。

https://jsfiddle.net/a8a4wgor/3/

左手右手慢动作

建议楼主在问问题的会后粘贴上遇到问题的源码和引用框架类库的CDN,方便大家查找问题和解决问题
补充: Vue中在你的属性前面加上:的时候属性值回被编辑为一个变量而不是字符串,此时在变量上赋值布尔值的时候才会达到你想要的开关效果

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!