命令行安装:

npm install ant-design-vue --save     #pc端
npm i antd-mobile-vue -S              #手机端

在main.js中

1.全部引入

#pc端
import ant from 'ant-design-vue'
import 'ant-design-vue/dist/antd.less'

Vue.use(ant)

#手机端
import AntdMobile from 'antd-mobile-vue'
Vue.use(AntdMobile)

2.按需引入

import {Button} from 'ant-design-vue'
import 'ant-design-vue/dist/antd.less'

Vue.use(Button)

直接在项目中可以使用

在antd官网复制即可https://www.antdv.com/components/button/

<a-button type="primary">Primary</a-button>

碰见的问题

发生的问题:Inline JavaScript is not enabled. Is it set in your options?
后来发现是less版本太高3.0.+,后更改为2.7.2,再npm install 就OK了。


本文由 管理员 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

添加新评论