v-for中获取input控件值，v-model的使用

最新推荐文章于 2024-09-23 10:38:45 发布

一个诡异的bug

最新推荐文章于 2024-09-23 10:38:45 发布

阅读量752

点赞数 1

本文链接：https://blog.csdn.net/weixin_44479794/article/details/123050156

版权

Vue.js 数据绑定事件处理文本输入框动态列表

关键词由CSDN通过智能技术生成

template：

<view>
			 <ul>
			      <li v-for="(item,index) in 3">
			         <input type="text" v-model="data[index]" style="border:1px solid #ccc;height:50px;margin-top:10px;">
			      </li>
			   </ul>
			<view>
				
			</view>
			<view>
				<button @click="clickMe" style="height:30px;line-height:30px;margin-top:20px;">点我试试</button>
			</view>
		</view>

script

<script>
export default {
      data() {
			return {
                data:[],
            }
        }
methods: {
			clickMe(){
			        console.log(this.data)
			}
}