vue.js 三元表达式到达目标值的v模型

0sgqnhkj 于 2023-03-03 发布在 Vue.js

关注(0)|答案(1)|浏览(196)

当我尝试使用v-model的三元表达式时，我可以访问数据（在此代码示例中：name：'data_value'），但当我尝试访问“detailCompanyDatas.smCompany.name“时，我无法访问。我该怎么办？
谢谢

<v-text-field
       v-model="$data[dialogDetail ? 'name' : null]"
    />  // this works

   <v-text-field
       v-model="$data[dialogDetail ? 'detailCompanyDatas.smCompany.name' : null]"
    />  // not works

   data () {
       return {
         dialogDetail: true,
         detailCompanyDatas: {
           smCompany: {
            name: 'object_value'
          }
        },
        name: 'data_value',
      } 
     }

vue.js

来源：https://stackoverflow.com/questions/75604130/v-model-with-ternary-expression-reaching-object-value

1条答案

按热度按时间

twh00eeo1#

您可以将v-model绑定到可写的计算：

<v-text-field
       v-model="companyName"
    />

data () {
        return {
          dialogDetail: true,
          detailCompanyDatas: {
            smCompany: {
             name: 'object_value'
           }
         },
         name: 'data_value',
       },
     computed:{
         companyName:{
                get(){
                  return this.dialogDetail? this.detailCompanyDatas.smCompany.name : null
                },
                set(val){
                  this.detailCompanyDatas.smCompany.name = this.dialogDetail? ? val:null
                }
  
            }
          } 
      }
</script>

赞(0）回复(0）举报 2023-03-03

我来回答

vue.js 三元表达式到达目标值的v模型

1条答案

相关问题

热门标签

最新问答