Disbale Input有条件 (Vue.js)

10 浏览
0 Comments

Disbale Input有条件 (Vue.js)

我有一个输入：

在我的Vue.js组件中：

..
..
ready() {
  this.form.name = this.store.name;
  this.form.validated = this.store.validated;
},
..

validated是一个boolean类型的变量，它可以是0或者1，但无论数据库中存储的值是什么，我的输入总是被禁用的。

如果false，我需要将输入禁用，否则它应该是启用和可编辑的。

更新：

进行以下操作总是启用输入（无论数据库中的值是0或1）：

进行以下操作总是禁用输入（无论数据库中的值是0或1）：

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

\n\n你可以创建一个计算属性，根据需要的任何条件返回一个布尔值。 \n\n

\n\n然后在计算属性中放置您的逻辑... \n\n

computed: {
  isDisabled() {
    // evaluate whatever you need to determine disabled here...
    return this.form.validated;
  }
}

0
0 Comments

要取消disabled属性，您应将其值设置为false。这需要是布尔值false，而不是字符串'false'。

因此，如果validated的值为1或0，则基于该值有条件地设置disabled属性。例如：

这是一个例子。

var app = new Vue({
  el: '#app',
  data: {
    disabled: 0
  }
}); 



  
  
  
{{ $data }}
0