Element组件方法传自定义变量

最新推荐文章于 2023-09-03 12:27:42 发布

熙冰

最新推荐文章于 2023-09-03 12:27:42 发布

阅读量1k

点赞数 1

分类专栏： UI组件库

本文链接：https://blog.csdn.net/melodystars/article/details/108107445

版权

UI组件库专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<template>
    <div class='elCustomVariable'>
      <el-form label-width="80px">
        <el-form-item v-for="(item, index) in dataList" :key="index" :label="item.label">
          <el-input v-model="item.value" @change="((value)=>{handleChange(value, item.label, index)})"></el-input>
        </el-form-item>
      </el-form>
    </div>
</template>

<script>
export default {
  name: 'elCustomVariable',
  data () {
    return {
      dataList: [
        {
          label: '输入框1',
          value: ''
        }, {
          label: '输入框2',
          value: ''
        }
      ]
    }
  },
  methods: {
    handleChange (value, label, index) {
      console.log(value, label, index)
    }
  }
}
</script>