Javascript 如何清除选择框上的单选按钮值更改？VueJS2

我是JavaScript/VueJS的新手，当选择框值（office代码）更改时，我需要一些关于清除所有无线电输入的帮助

以下是我的HTML/视图代码：

我想我应该在Vue实例中创建一个方法，如下所示：

methods: {
    clearRadio: function(){
        productType.prop('checked', false);
    }
}

…但我不确定如何在办公室价值变化的视图中实现这一点（假设这是最好的方法）

谢谢你的帮助

您可以使用

@改变

.....
-挑选-
{{office.code}
.....
.....
方法：{
clearType:function（）{
this.selectedProductType=“”
}
}
.....

var vm = new Vue({
    el: '#app',
    data: {
        selectedOffice: '',
        selectedProductType: '',
        officeList: [
            { code: 'Office1' }, {code: 'Office2' }, ...snipped...
        ]

methods: {
    clearRadio: function(){
        productType.prop('checked', false);
    }
}

<template>
    .....

    <select @change="clearType" id="office" v-model="selectedOffice" required>
        <option value="" selected disabled>-Select-</option>
        <option v-for="office in officeList" :value="office">{{office.code}}</option>
    </select>

    .....
</template>

<script>
    .....

    methods: {
        clearType: function(){
            this.selectedProductType = ''
        }
    }

    .....
</script>