input type=“textarea“ 的placeholder内容穿透其他弹出层

input type=“textarea” 的placeholder内容穿透其他弹出层

首先，这个穿透问题是原生的，无法用样式改变
那么我选择最简单的方法，当其他表单弹出层显示时，隐藏textarea，完美解决！
言简意赅上代码

html

<uni-forms-item label="类型" name="dictHouseRenovation">
		<uni-data-picker placeholder="请选择类型" popup-title="请选择类型" 
				:localdata="dictHouseRenovation"
				v-model="customFormData.dictHouseRenovation" 
				@change="onchange" 
				@nodeclick="onnodeclick"
				@popupopened="onpopupopened" 
				@popupclosed="onpopupclosed">
			</uni-data-picker>
</uni-forms-item>
<uni-forms-item label="描述" name="Details">
		<uni-easyinput type="textarea" v-model="Details"
				placeholder="可从交通、购物、生活方面进行介绍" v-show="showText"/>
</uni-forms-item>

JS

data() {
			return {
				showText:true,
				}
		},
methods: {
			// 节点被点击时触发
			onnodeclick(e) {
				// console.log(e);
			},
			// 弹出层弹出时触发
			onpopupopened(e) {
				this.showText=false
				// console.log('popupopened');
			},
			// 弹出层关闭时触发
			onpopupclosed(e) {
				this.showText=true
				// console.log('popupclosed');
			},
			// 选择完成时触发 {detail: {value}}
			onchange(e) {
				// console.log('onchange:', e);
			},
},