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

刚开始敲一些简单的实例就碰到了问题，场景是这样的，页面顶端有一个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事件的效果？