javascript - Problem mit dem dynamischen Bindungswert eines vue v-modalen Objekts?

Question

<p class="text">
          <!--数据格式：{ "nestedList": { "test": { "test1": "this is test1" } } }-->
          {{source}}<br>
          <!--nestedList.test.test1-->
          {{schema_key}}
        <el-form-item :label="schema.title">
            <!--数据格式：source为vue中data值：{ "nestedList": { "test": { "test1": "this is test1" } } }-->
            <el-input v-model="？？这里怎么写达到获取下面的效果呢？" size="small"></el-input>
            <!--这里有效果-->
          <!--<el-input v-model="source['nestedList']['test']['test1']" size="small"></el-input>-->
        </el-form-item>
      </p>

Folgendes kann bestanden werden

source['nestedList']['test']['test1']

Um eine bidirektionale Bindung zu erreichen (der Wert hierfür ist test1), möchte ich fragen, wie man das obige
v-model="???" schreibt, um eine bidirektionale Bindung zu erreichen Hier ist eine Variable. Ich habe es versucht

source+'.'+ schema_key

Der Wert von test1 kann nicht ermittelt werden

Answer 1

没太看懂问题

Answer 2

v-model里面是单独的值，不是一个对象，如果是字符串的话可以

data: {
    yourdata: '{ "nestedList": { "test": { "test1": "this is test1" } } }'
}

<el-input v-model="yourdata" size="small"></el-input>

或者，用computed实时计算，然后不用v-model，直接value。