如何用表单控件去控制其他的元素?

刚开始敲一些简单的实例就碰到了问题,场景是这样的,页面顶端有一个select 下面是一个table,内容可以根据select选择的值对tr进行实时的隐藏/显示。

        <select @change="renderTab($event)" v-model="head_model" ref="sel_head">
            <option v-for="item in head_options" :value="item.val">
                {{item.text}}
            </option>
        </select>
        <table>...</table>

        ......

        methods:{
                renderTab(evt){
                    //根据select选择的值改变table内容
                },
                reset(el){
                    //重置select、table
                }
        }

接着table下面是一个button
<button @click="reset">reset</button>
我想在button点击时触发的方法内,将select的值设置为空,也就是重置select,并且table内容也重置,但出现了问题,select设值没问题,但是没有触发select的change事件,table内容不变。
请问如何解达到触发select的change事件的效果?

讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!