Javascript 如何在v-select中更改选择时调用函数?
我目前正在使用Vuetify,试图使用HTML从v-select调用Javascript 如何在v-select中更改选择时调用函数?,javascript,html,vue.js,vuetify.js,v-select,Javascript,Html,Vue.js,Vuetify.js,V Select,我目前正在使用Vuetify,试图使用HTML从v-select调用Vue.js中的一个方法。但是@change事件没有正确选择条件 <v-layout row wrap> <v-flex xs12 sm4> <!-- DropDown Combo --> <v-select v-model="selected" :items='dropdown_tables' append-icon='f
Vue.js
中的一个方法。但是@change事件没有正确选择条件
<v-layout row wrap>
<v-flex xs12 sm4>
<!-- DropDown Combo -->
<v-select v-model="selected"
:items='dropdown_tables'
append-icon='fa-angle-down'
label='Select'
persistent-hint
return-object
single-line
@change='RefreshGrid'
target='#dropdown'>
</v-select>
<!-- <p> {{`${selected}`}} </p> // this code gives the selected combo text -->
</v-flex>
</v-layout>
</v-container>
所以,当我使用on change并单击council时,它会在网格中显示业务区数据,反之亦然。试图弄清楚v-select的索引是如何工作的。因此,使用
@input
而不是@change
工作正常。如何传递所选值?
methods: {
RefreshGrid: function () {
let cName;
if (this.selected === 'Business Area') {
cName = 'businessArea';
} else if (this.selected === 'Council') {
cName = 'council';
}
let obj = {
vm: this,
collectionName: cName,
action: 'masterData/setMasterData',
mutation: 'setMasterData'
};
this.$store.dispatch(obj.action, obj);
}