vue.js – Vuetify – 如何访问表单规则中的数据

我可以访问规则中的数据元素吗？

Here is my code running

我试图在Vuetify表单中翻转文本字段规则上的数据元素的值.

规则本身工作正常,但我无法访问数据元素,我收到此错误：

TypeError：无法设置undefined属性’disabled’

这是我的代码：

data: function() {
return {
  disabled: false,rules:{
    sellerId(value){
      if(value.length == 0){
        this.disabled = true;
        return "What are you trying to do here?";  
      }
      else{
        return true;
      }
    }
  },

我究竟做错了什么？

解决方法

rules是一个函数数组,如果您需要该函数能够访问data属性,您可以将它们定义为组件方法：

data: function () {
  return {
    disabled: false
  }
},methods: { 
  sellerId (value) {
    if (value.length === 0) {
      this.disabled = true;
      return "What are you trying to do here?";  
    } else {
      return true;
    }
  }
}

然后在你的Vuetify组件中：

<v-text-field :rules="[ sellerId ]"></v-text-field>