为了账号安全,请及时绑定邮箱和手机立即绑定

如何通过单击图像 Vuetify 以编程方式下拉选择菜单?

如何通过单击图像 Vuetify 以编程方式下拉选择菜单?

撒科打诨 2022-12-09 15:15:54
我有我的图像属性并在模板中选择:<v-img src='/logos/some.jpg'        @click='click_select'/><v-select :items="currencySelect"         ref='select'/>在方法中,我有方法:click_select(){  this.$refs.select.onClick;}单击图像不执行任何操作,也没有错误日志
查看完整描述

1 回答

?
函数式编程

TA贡献1807条经验 获得超9个赞

只需为该事件添加一个回调处理程序,例如:


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>


查看完整回答
反对 回复 2022-12-09
  • 1 回答
  • 0 关注
  • 77 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号