uniapp的input组件点击时如何清除placeholder里面的内容?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp的input组件点击时如何清除placeholder里面的内容?相关的知识,希望对你有一定的参考价值。

刚学uniapp没多久,好多东西都不会,自己写了个密码输入框,我想要实现点击时placeholder的内容清除,但是没效果,请求大佬们指教一下。

参考技术A 可以尝试通过手写js控制

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的input组件点击时如何清除placeholder里面的内容?的主要内容,如果未能解决你的问题,请参考以下文章

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

uniapp——自定义input清除事件

微信小程序自定义组件-可清除的input组件

uniapp的更新组键小程序需要删除怎么处理?

uniapp自定义组件如何全局控制

uniapp 微信小程序表单input输入框,点击下面的输入框时输入法弹出会把输入框内容顶上去