html引入vue无显示,Ant Design Vue引入Form组件样式不显示的解决方法

使用 vue-cli 安装 Ant Design Vue 的 Form 组件,发现不能用,组件样式不显示。

html引入vue无显示,Ant Design Vue引入Form组件样式不显示的解决方法_第1张图片

此处省略了安装和初始化的步骤,需要的点击上方链接,直接在 Ant Design 官网查看教程。

在 main.js 中全局引入:import { Form, Input, Select } from 'ant-design-vue';

因为我进行了 按需加载组件代码 的配置,所以只需要上面一行就可以。

引用官网的一个基础示例:

v-decorator="['note', { rules: [{ required: true, message: 'Please input your note!' }] }]"

/>

v-decorator="[

'gender',

{ rules: [{ required: true, message: 'Please select your gender!' }] },

]"

placeholder="Select a option and change input text above"

@change="handleSelectChange"

>

male       

你可能感兴趣的:(html引入vue无显示)