vue.js - 请问这种情况怎么获取value值？看详情

问题描述

问 题

             <tr v-for="item in BasicData.Packages">
                <td v-for="material in BasicData.Materials">
                  <input type="text" class="input-style" :value="material.Key + '#' + item.Key | showBasicPrice"
                  v-on:change="textChange()"/>
                </td>
              </tr>

首先我给每个文本框绑定value值，当我修改文本框的值后执行textChange方法，我需要把我修改后的value值作为textChange方法的参数，请问怎么获取到修改后的value值？

解决方案

<tr v-for="material in BasicData.Packages">
    <td v-for="item in BasicData.Materials">
        <input type="text" :value="material.Key + '#' + item.Key | showBasicPrice" v-on:change="textChanged($event.target.value)" />
    </td>
</tr>

楼上@tsanie示例没错，但是关键点不在v-for传index上面，而是给textChanged传入$event.target.value值，这个值表示当前响应事件的对象的value值

这篇关于vue.js - 请问这种情况怎么获取value值？看详情的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！