vue项目中引入vant组件,若发现vant组件样式失效,则需要手动引入vant组件样式,引入方法为:在vue引入vant的页面中,添加以下代码:
import 'vant/lib/index.css'
这样可以引入vant全部样式,不过通常我们可以按需引入,比如我们只使用按钮组件,则只需要引入按钮样式,如下:
import 'vant/lib/button/style'
也可以通过在项目根目录在.babelrc 或 babel.config.js 中添加配置即可
module.exports = {
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
}