uniapp vue input和textarea 的用法区别，一篇就懂

原创

已于 2024-06-14 11:27:40 修改 · 659 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #uni-app #javascript

于 2024-06-06 19:03:40 首次发布

vue input 和 textarea 组件区别：
class= horizontal center, 这两个class是定义在app.vue中的style可共用的class（主要给我这样的小白解释下，大佬请忽略此行）

input 单行输入，一般用户一行输入完成，不会自动换行，而且默认输入内容和光标垂直居中（不管设置多高，光标始终居中显示），而且目前我这个小菜鸡不知道如何设置从左上角开始输入，所以个人只在小输入框使用input，自动换行输入比如反馈界面等就是用textarea，希望给各位以参考，也希望得到指正

<view class="horizontal center" :style="{width: '398rpx', height: '80rpx',
	backgroundColor: 'rgba(246, 247, 251, 1)', borderRadius: '16rpx', borderStyle:'solid',
	borderColor: (isInputFocused ? 'rgba(37, 82, 245, 1)' : 'rgba(246, 247, 251, 1)'), 
	borderWidth: '2rpx'}">
	<input class="input-phone" :maxlength="11" :placeholder