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

发布于 2022-09-11 21:20:14 字数 493 浏览 19 评论 0

clipboard.png

clipboard.png

clipboard.png

clipboard.png

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

轻许诺言 2022-09-18 21:20:14

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

清风无影 2022-09-18 21:20:14

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

甜警司 2022-09-18 21:20:14

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

煮茶煮酒煮时光 2022-09-18 21:20:14

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

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

image.png
搞定!!!

难忘№最初的完美 2022-09-18 21:20:14

同问,引入样式依然不生效?屏幕快照 2020-03-02 下午6.34.30.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文