时间戳

首页 > 解决方案 > 如何在 vuetify 输入字段中调用 click:prepend 事件或 click:append 事件

vuetify.js - 如何在 vuetify 输入字段中调用 click:prepend 事件或 click:append 事件

问题描述

我想通过单击其他元素来触发输入字段 click:prepend 功能。到目前为止，我可以使用 refs 访问元素，但为了实现某些功能，我需要触发 click:prepend。怎么触发

<v-file-input accept="image/*" ref="fileInputSelector"></v-file-input>

this.$refs.fileInputSelector.$el.click()

标签： vuetify.js

解决方案

您可以在 jaavascript 中以编程方式单击 vuetify 输入元素，但您需要从 refs 指针遍历输入

this.$refs.fileInputSelector.$el

只是指向 vuetify 组件的 div 包装器，您必须通过

var id = this.$refs.fileInput.$el.lastChild.firstChild.firstChild.lastChild.id;
document.querySelector(`input#${id}`).click();

在这里工作codepen：https ://codepen.io/chansv/pen/PoozMYY?editors=1010

推荐阅读