vue +vant项目中踩过的坑

1.动态渲染的src路径在页面中不显示

处理方式

require("../assets/image/XX.png")

2.vant 引入vue 发现在pc端touch 事件不支持

解决方案：
# 安装模块

 npm i @vant/touch-emulator -S

// 引入模块后自动生效

import  '@vant/touch-emulator';

作者在引入这个模块后swiper 插件还是不能使用touch,使用的vue 内置vue-awesome-swiper 组件

3.VueAwesomeSwiper 最新插件引入vue脚手架种失效

解决方案：用低版本的替换；
a.

npm i vue-awesome-swiper@3.1.3 -S

b. 引入
全局引入：

import VueAwesomeSwiper from 'vue-awesome-swiper'
// require styles
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper, /* { default global options } */)

局部引入：

 import 'swiper/dist/css/swiper.css'////这里注意具体看使用的版本是否需要引入样式，以及具体位置。
 import { swiper, swiperSlide } from 'vue-awesome-swiper'
    export default {
    components: {
      swiper,
      swiperSlide
    }

建议局部引入；按需引入

3.项目多接口地址引入

4.项目写了公共less;引入失效。