uniapp通过js唤起picker等组件 - 无需直接点击操作uniapp组件 - uniapp用JS点击某个DOM

Posted Rudon滨海渔村

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp通过js唤起picker等组件 - 无需直接点击操作uniapp组件 - uniapp用JS点击某个DOM相关的知识,希望对你有一定的参考价值。

常规

<picker @change="bindPickerChange" :value="index" :range="array">
	<view class="uni-input">array[index]</view>
</picker>

JS唤醒

<picker @change="bindPickerChange" :value="index" :range="array" ref="xxoo">
	<view class="uni-input">array[index]</view>
</picker>

<view @click="callPicker">
    点击此处选择款式
</view>


------- JS部分 --------
callPicker () 
	this.$refs.xxoo.$el.click()



// 如果是动态ref,可以this.$refs[nameOfRef].$el.click()

感谢

uni-app picker 可以通过js代码主动弹出显示吗? - DCloud问答  @握瑾怀瑜

封面

 

以上是关于uniapp通过js唤起picker等组件 - 无需直接点击操作uniapp组件 - uniapp用JS点击某个DOM的主要内容,如果未能解决你的问题,请参考以下文章

uniapp封装请求后台接口

uniapp树形层级选择器

解决uniapp组件uni-file-picker设置:disable-preview=“true“关闭预览不生效的问题 - 禁用图片预览无效的手动解决办法

解决uniapp组件uni-file-picker设置:disable-preview=“true“关闭预览不生效的问题 - 禁用图片预览无效的手动解决办法

uniapp产品编辑页-图片上传后回显编辑-组件uni-file-picker显示之前已上传的图片 + 头像图片原地覆盖上传示例

uniapp产品编辑页-图片上传后回显编辑-组件uni-file-picker显示之前已上传的图片 + 头像图片原地覆盖上传示例