javascript - 如何通过单击图像Vuetify以编程方式下拉选择菜单?
问题描述
我有我的图像属性并在模板中选择:
<v-img src='/logos/some.jpg'
@click='click_select'/>
<v-select :items="currencySelect"
ref='select'/>
在方法中,我有方法:
click_select(){
this.$refs.select.onClick;
}
单击图像不执行任何操作,也没有错误日志
解决方案
只需为该事件添加一个回调处理程序,例如:
this.$refs.select.onClick((e) => {
});
完整示例
var app = new Vue({
el: '#app',
vuetify: new Vuetify(),
data: {
currencySelect: ['a', 'b', 'c']
},
methods: {
click_select() {
this.$refs.select.onClick((e) => {
});
}
}
})
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>
<div id="app">
<v-app id="inspire">
<button @click='click_select' class="v-btn-primary">
select
</button>
<v-select :items="currencySelect" ref='select' />
</v-app>
</div>
推荐阅读
- python - 如何从数据框列中删除右侧的文本
- javascript - 使用 navigator.mediaDevices.getDisplayMedia 的 JavaScript 屏幕录像不可搜索
- python-3.x - 如何使用 django-elastic-search-dsl-drf 在弹性搜索文档中包含相关模型字段
- python - 如何使 Python 库 Ray 共享内存可写?
- javascript - Firestore 文档添加在回调中不起作用
- git - 拉取请求显示在 azure devops 中变基/合并到另一个分支后的旧提交
- django - 按变量包含模板
- google-apps-script - 尝试从其他电子邮件地址发送 Gmail 时出现 401 未经授权的错误
- outlook - Microsoft Graph API:API 创建的组日历事件不会发送给用户日历
- c# - 系统找不到c#中指定的文件(不上传)