uniapp 仿微信朋友圈点击评论唤起软键盘并自定义输入框占位符

实现效果如下：

点击写笔记按钮，需要直接唤起软键盘，并且键盘上方显示详情内容，输入框内自定义占位符

 

 新建一个子组件，内容如下

父组件中写笔记按钮加点击事件，并引入子组件

写笔记
				
				

// 点击写笔记，唤起软件盘
			writeNote(){
				this.focus = false
				this.$nextTick(()=>{
					this.focus = true
				}) //唤起软键盘
			},

最后是提交笔记和失焦事件

// 失焦，关闭软件盘
			blurCom(){
				this.focus = false
			},
			// 提交笔记
			submitNote(val){
				writeNote({
					idea_id:this.detailInfo.id,
					notes:val,
				}).then(res=>{
					uni.showToast({
						title:res.msg,
						icon:'none'
					})
				})
				this.focus = false
			},