H5W3
当前位置:H5W3 > 其他技术问题 > 正文

element的日期选择插件,@change方法如何传递参数

  1. 由于页面需要根据 JSON 自己渲染,不能写死,所以在使用@change回调更改时间格式赋值的时候需要动态获取当前循环下的data绑定名,但是@change方法一旦传递参数就会覆盖原本的时间数据。所以请教一下大家如何处理。

  2. 代码

    <div v-if="item.name == key && item.dataType == 'Date'">
        <el-date-picker v-model="editForm[item.name]" placeholder="选择日期"
            :editable="false" style="width:100%">
        </el-date-picker>
    </div>
                                        
  3. 需要把回调值赋给editFormitem.name,因此我如何在@change的回调函数中获取item.name这个值呢?

回答:

在@change事件里用一个箭头函数来传递两个参数给函数 changeHandler

<div v-if="item.name == key && item.dataType == 'Date'">
    <el-date-picker v-model="editForm[item.name]" placeholder="选择日期"
        :editable="false" style="width:100%"
        @change="(value) => changeHandler(value, item.name)">
    </el-date-picker>
</div>

在changeHandler里就能取到你要的值了

methods: {
    // value是空间选择的值,itemName是你要的值
    changeHandler(value, itemName) {
        console.log('value', value)
        console.log('itemName', itemName)
    }
}

回答:

默认参数使用$event占位即可

<div v-if="item.name == key && item.dataType == 'Date'">
    <el-date-picker v-model="editForm[item.name]" placeholder="选择日期"
        :editable="false" style="width:100%"
        @change="changeHandler($event, item.name)">
    </el-date-picker>
</div>

回答:

这个问题我也想知道 有没有高手来解答

本文地址:H5W3 » element的日期选择插件,@change方法如何传递参数

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址