|
|
腾讯云
问
v-select中的Vuetify 3更改事件
v-select中的Vuetify 3更改事件
问
v-select中的Vuetify 3更改事件
EN
EN
Stack Overflow用户
提问于
2022-02-11 14:03:29
回答 1
查看 2.3K
关注 0
票数 7
我正在测试Vuetify 3 (npm:@vuetify/nightly@next) v-select并尝试获取更改事件。但是，没有调用我的处理程序函数。这是我的密码：
TS:
代码语言：
javascript
复制
export default defineComponent({
setup() {
function onLanguageChange(a: any) {
console.log(a);
const items = ['Русский', 'English'];
return {onLanguageChange, items}
});Vue
代码语言：
javascript
复制
<v-select
prepend-icon="mdi-web"
:items="items"
label="Lang"
@change="onLanguageChange"
></v-select>当我集中、选择和改变它的值时，这就是我在控制台中得到的。
有人能说，如果这是一个bug，或者我的代码有什么问题(以及如何修复)？
EN
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-02-11 14:46:42
v-select
的
事件列表
不包括
change
事件，它只有一个事件：
update:modelValue
。
使用
update:modelValue
事件代替：
代码语言：
javascript
复制
<v-select @update:modelValue="onLanguageChange">
或者与观察者一起使用
v-model
：
代码语言：
javascript
复制
<v-select v-model="lang">...</v-select>
代码语言：
javascript
复制
import { ref, watch } from 'vue'
export default {
推荐文章