vue.js - 求助，vue项目使用Element 组件，其中select 组件的change事件

问题描述

问 题

我在项目中profile页使用了element 的select 组件，我利用它的change事件,让它在选项发生改变的时候，发送值给后端。但是问题来了，在我页面初始化的时候，因为要从后端get数据过来，所以也会触发这个change事件，求助怎么解？

解决方案

你可以用一变量标记一下,第一次触change事件时修改标志,不执行具体业务,之后触发的change事件执行业务代码

<template>
    <el-select v-on:change="change()"></el-select>
</template>

<script>
    export default {
        data () {
            return {
                flag: false
            }
        },
        methods: {
            change () {
                this.flag ? this.doSomething() : this.flag = true
            },
            doSomething () {
                // do something
            }
        }
    }
</script>

这篇关于vue.js - 求助，vue项目使用Element 组件，其中select 组件的change事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！