Vue3中使用ant design vue的textarea时的坑

在使用vue3时，想要使用ant design vue的input组件里的textarea来适应文本高度。坑：可是直接使用textarea标签的话是获取到的vue中的textarea标签。而ant组件的textarea只需要import Input组件即可，所以此时可以通过重新命名的方式避免标签重名的错误。如下：// 导入Input组件即可import { Input } from 'ant-de

lee_amazing

5387人浏览 · 2021-07-23 12:20:44

lee_amazing · 2021-07-23 12:20:44 发布

在使用vue3时，想要使用ant design vue的input组件里的textarea来适应文本高度。

坑：可是直接使用textarea标签的话是获取到的vue中的textarea标签。而ant组件的textarea只需要import Input组件即可，所以此时可以通过重新命名的方式避免标签重名的错误。如下：

// 导入Input组件即可
import { Input } from 'ant-design-vue'

// 组件注册重新命名
components: { InputTextArea: Input.TextArea },

// 使用标签
<InputTextArea v-model:value="value" auto-size />

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^