vue项目引入vant 引入没有样式效果

新手上路,请多包涵

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png
官方文档三种引入方法都试了,vant的样式还是没有显示出来,请各位大佬指教

阅读 25.3k
5 个回答
新手上路,请多包涵

好吧,搞了半天,原来是没有引入css,告辞了

新手上路,请多包涵

在main.js文件中这样写就可以了
import {TreeSelect,Button} from 'vant';
import 'vant/lib/index.less'
Vue.use(TreeSelect).use(Button);

新手上路,请多包涵

安装了babel插件 babel-plugin-import之后,重启一下项目。

新手上路,请多包涵

安装 npm install babel-plugin-import --save-dev
之后在.babelrc文件里添加

"plugins":[
    "transform-vue-jsx",
    "transform-runtime",
    [
      "import",
      
        {
          "libraryName": "vant",
          "style": true
        }
      
    ]
  ]

image.png
搞定!!!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏