Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击另一个按钮时Quasar切换q文件_Javascript_Vue.js_Vuejs2_Vue Component_Quasar Framework - Fatal编程技术网

Javascript 单击另一个按钮时Quasar切换q文件

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

在Quasar framework中,当我单击某个按钮时,如何切换文件选择器
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();
    }
  }