循环使用for循环或tree树循环使用input框和select下拉选择框改一个其他同时变化解决

最新推荐文章于 2023-08-03 11:52:35 发布

码农-小林

最新推荐文章于 2023-08-03 11:52:35 发布

阅读量232

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/m0_63853518/article/details/127507830

版权

本文介绍了在Vue.js和ElementUI中如何实现循环使用el-input和el-select组件，并通过v-model绑定实现值的同步更新。在el-select的例子中，展示了视图层和数据层的配置，以及change事件的处理方法，用于在选择项改变时触发相应操作。

摘要由CSDN通过智能技术生成

一，循环使用el-input简单例子分析

<template>
<div>
    <div v-for="(item,index) in list" :key="index">
        <div>{
  {item}}</div>
        <el-input type="text" v-model="item.label" @change="aa(item)"></el-input>
  
    </div>
</div>
</template>

<script>
    export default {
        data(){        
             return {
       
    list:[
  
         {
          number: 1001,
          label: "",
         
        },
         
           {
          number: 1001,
          label: "",
         
        },
        {
          number: 1001,
          label: "",
         
        },
   {
          number: 1001,
          label: "",
         
        },
      ]
        }} ,
          methods: {
            aa(data){
        alert(data.label)
          
            }
          }