欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

uni-app 微信小程序之textarea

程序员文章站 2024-01-07 21:00:40
...

关于输入多行文本,那一定是textarea,但是,如果将textarea放在设置为overflow:auto的元素中,里边输入的文字包括placeholder都会跟随页面滑动

解决方法
  1. 用view代替textarea,用户没有输入内容时默认显示“请输入…”,模拟placeholder
    uni-app 微信小程序之textarea
  2. 当用户点击模拟的textarea时弹出真正的textarea
    uni-app 微信小程序之textarea

js:

data(){
	specClass:'none',
	content: ''
}
methods: {
	//弹窗开关
	toggleSpec(index) {
		this.isActive = index;
		if (this.specClass === 'show') {
			this.specClass = 'hide';
			setTimeout(() => {
				this.specClass = 'none';
			}, 250);
		} else if (this.specClass === 'none') {
			this.specClass = 'show';
		}
	},
	stopPrevent() {},	
}

请各位指教~