VUE如何为生成元素绑定变量？

Question

          <div class="classInner" v-for="(item,i) in detailData.goods_param">            <span class="title width40">{{item.name}}</span>            <el-input placeholder="请输入内容" class="shortInput" :value="item.value">            </el-input>          </div>这是生成的值。 如何获取修改后的值。或者怎么为循环出的三个input 分别绑定三个变量

Answer 1

你可以为你的input绑定v-model

eg:

...

<el-input placeholder="请输入内容" class="shortInput" :value="item.value" v-model="inputData[i]"></el-input>

...

在你的data中新增一个空对象inputData

你就可以拿到你文本框的值了。

data(){

    return {

        ...

        inputData:{}

    }

}