如果在 v-model 中，如何解决 vue short 问题？答案

【问题标题】：how to solve vue short if in v-model?如果在 v-model 中，如何解决 vue short 问题？
【发布时间】：2020-01-14 10:26:42
【问题描述】：

我需要在 v-model 中做一个 shortif，但是 eslint 给出了以下问题：

[vue/valid-v-model] 'v-model' 指令需要属性值与 LHS.eslint-plugin-vue 一样有效

所以代码有效。但它不是它需要的工作方式。这是我现在的代码

<v-text-field 
v-show="field.type == 'String'"
v-model="_isMultiple(content_data[tabindex]) && subitem != null ? content_data[tabindex][subitem][field.name] 
: content_data[tabindex][field.name]" 
:label="field.name" 
:counter="field.counter" 
max-width="100px"
/>

所以这段代码需要稍微解释一下。我尝试将其构建为动态模块。如果我从我的 json 响应中得到一个数组，它需要对子项进行 v-model。如果我从响应中返回一个对象，它只需要对该对象进行 v-model。

我从 v-for 循环和我的 vue html 中的其他循环中获得的数据 (content_data[tabindex]) + 字段所以我认为它不是做计算道具的选择，因为我无法输入正确的数据。

_is多个功能码：

_isMultiple(content_data) {
  return Array.isArray(content_data)
}

有什么解决办法吗？

【问题讨论】：

标签： vue.js vuetify.js nuxt.js

【解决方案1】：

也许您不应该使用 v-model，而是通过值绑定和事件侦听自行构建它。

v-model 只是一个简写：https://vuejs.org/v2/guide/forms.html。

通过自己实现它，您可以使用方法来设置值和计算属性来获取它。

【讨论】：