在uniapp中,使用uni-ui扩展组件弹出层,里面套一个输入框。
<!-- 输入框示例 -->
<uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputClose" mode="input" title="输入内容" value="对话框预置提示!"
placeholder="请输入内容" @confirm="dialogInputConfirm"></uni-popup-dialog>
</uni-popup>
在打开弹出层的时候,输入框的提示值placeholder,或值value,会出现抖动,是因为该弹出层默认有个动画。 在浏览器中不会出现这种情况,在使用微信开发者工具调试或者真机调试时可以发现。
只需要把动画关闭 :animation="false",或者换一个动画就可以了
<uni-popup ref="popup" background-color="rgba(0,0,0,0)" mask-background-color="rgba(0,0,0,0.8)" :animation="false">