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

706 阅读1分钟

问题:

直接使用a-textarea时页面显示a-textarea页面高度为0,且标签不对,而ant组件的textarea只需要import Input组件即可

截屏2022-04-14 下午8.04.07.png

解决:

方法一:

 import { Input } from 'ant-design-vue';
 const { TextArea } = Input  //

 export default {
    components: {
      [TextArea.name]: TextArea, //
      [Input.name]: Input,
    },
    ...
}

方法二:

import { Input,List } from 'ant-design-vue';

export default {
    components: {
      [Input.TextArea.name]: Input.TextArea, //
      [Input.name]: Input,
      [List.name]: List,
      [List.Item.name]: List.Item, //
      AListItemMeta: List.Item.Meta, // 
    },
    ...
}  

截屏2022-04-14 下午8.10.27.png