Question

vue element-ui Select 提取为子组件 ，有个清空按钮 要清空所有select的值 怎么实现？

这是select组件<template> <div :class="isCondition ? 'inputPublicCss' : 'selectTemplate'"> <div :class="isCondition ? 'inBlock' : ''">{{selectName}}</div> <el-select v-model="svalue" clearable placeholder="全部" @change="handleSelectChange"> <el-option size="32" v-for="item in list" :key="item.value" :label="item.name" :value="item.value"> </el-option> </el-select> </div></template>父组件多次调用这个子组件<SelectTemplate ref="mySelect" :selectValues="value" v-if="ifStation" :displayWhat="displayWhat" selectName="检查站" :list="xsfxList" isCondition="true"/>在父组件中有个清空按钮最终显示效果为下图，现在我想点击清空按钮后清空所有select的值

Answer 1

放到form表单里，form表单有reset事件