欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Element组件方法传自定义变量

程序员文章站 2022-06-08 09:58:00
...
<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>

 

相关标签: UI组件库