vue2.0怎么控制input的输入功能

发布于
2017-02-28

<input :readonly="isRead"/>

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

javascript

阅读 4.2k

2 个回答

toBeTheLight

    <body>
        <div id="app">
            <input :readonly="isRead"/>
        </div>
    <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/