javascript - vue2.0怎么控制input的输入功能
伊谢尔伦
伊谢尔伦 2017-04-11 12:16:59
0
2
282
<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学习者快速成长!