Javascript 单击另一个按钮时Quasar切换q文件
在Quasar framework中,当我单击某个按钮时,如何切换文件选择器Javascript 单击另一个按钮时Quasar切换q文件,javascript,vue.js,vuejs2,vue-component,quasar-framework,Javascript,Vue.js,Vuejs2,Vue Component,Quasar Framework,在Quasar framework中,当我单击某个按钮时,如何切换文件选择器q-file 我迄今为止的努力: 单击此按钮时,应切换q文件 <button @click="toggleFileSelector">toggle file selector</button> 但我有一个错误: “TypeError:此.$refs.myFileSelector.toggle不是函数” 是的,您可以通过ref切换输入。您需要调用pickFiles函数 示例-t
q-file
我迄今为止的努力:
单击此按钮时,应切换q文件
<button @click="toggleFileSelector">toggle file selector</button>
但我有一个错误:
“TypeError:此.$refs.myFileSelector.toggle不是函数”
是的,您可以通过ref切换输入。您需要调用
pickFiles
函数
示例-this.$refs.file.pickFiles()代码>
方法:{
testclick(){
这是.$refs.file.pickFiles();
}
}
代码笔-谢谢,它很有效!!!,这是否在官方文档中,您能告诉我在哪里吗?您可以查看QFile API中的方法部分。
<q-file outlined class="field" ref="myFileSelector" :label="label" v-model="myFile">
<template v-slot:append>
<div class="attachment notosanskr-medium">File</div>
</template>
</q-file>
methods: {
toggleFileSelector() {
this.$refs.myFileSelector.toggle();
},
},
<q-file ref="file" clearable filled color="purple-12" v-model="model" label="Label"></q-file>
<q-btn @click="testclick" color="primary" label="Click"></q-btn>
methods:{
testclick(){
this.$refs.file.pickFiles();
}
}