Question

我是 Vue JS 的新手。我在一种情况下面临一个问题。我有以下对象

Binary file 9246a896bf37856f37d424dbcb40d14a51b6b315:blah-blah-blah-ABCD-blah-blah matches
Binary file 083407e0ea97796054f614c28808ae9a4fcf2fe8:blah-blah-blah-ABCD-blah-blah matches

我正在遍历上面的对象并将其绑定到下拉列表，如下所示

const testData = [ {
        "4948-8a16-5ab7f89553ab":[
                {
                    "App - App Development":"0.00: 0.00: 0.20" 
                },
                {   
                    "App - App Support & Operations":"0.00: 0.10: 0.20"
                },
                {
                    "Data Cent - Enterprise Data Cent":"0.00: 0.00: 0.15"
                },
                {
                    "Data Cent - Other":"0.10: 0.10: 0.20"
                }
           
        ]
    }]

另外，我从上面的对象拆分“0.00：0.00：0.20”字符串并将其绑定到如下所示的文本框

<template v-for="(element, index) in Object.entries(product[1][Object.keys(product[1])[0]])">
            
            <tr :key="Object.keys(product[1])[0] + '_' + 'C_' + index">
              <td><th class="group-name" colspan="4">Data : SubData</th></td>
              <td><dig-select
                  :options="someMap"
                  class="edit-styles-child"
                  v-model="Object.keys(element[1])[0]"></aig-select></td>
              <td>
            <tr></template>

一切都正确显示。但是当我从下拉列表中更改值或修改输入值时，它没有反映更新的值。 v-model 在上述场景中工作吗？或者我必须做一些额外的事情？

感谢任何帮助/指示。提前致谢。

vue js - 作为 v-model 的嵌套对象不起作用

0 个答案: