vue中input禁止输入中文,如何在vue.js中有条件地禁用输入

I have an input:

and in my Vue.js component, I have:

..

..

ready() {

this.form.name = this.store.name;

this.form.validated = this.store.validated;

},

..

validated being a boolean, it can be either 0 or 1, but no matter what value is stored in the database, my input is always disabled.

I need the input to be disabled if false, otherwise it should be enabled and editable.

Update:

Doing this always enables the input (no matter I have 0 or 1 in the database):

Doing this always disabled the input (no matter I have 0 or 1 in the database):

解决方案

To remove the disabled prop, you should set its value to false. This needs to be the boolean value for false, not the string 'false'.

So, if the value for validated is either a 1 or a 0, then conditionally set the disabled prop based off that value. E.g.:

Here is an example.

var app = new Vue({

el: '#app',

data: {

disabled: 0,

},

});

Toggle Enable

{{ $data }}