在Vue中使用vant的方法，踩坑in ./node_modules/vant/es/dialog/Dialog.js

步骤一：使用npm安装vant

npm install vant -force

因为可能会产生依赖冲突，所以一般会在后面加上 -f 强制执行

步骤二：导入vant包

在Vue项目的main.js文件中写入如下代码

import Vant from 'vant';

import 'vant/lib/index.css';

Vue.use(Vant);

步骤三：参考官网给出的示例直接调用组件代码

注意：可能会遇到版本兼容的问题，此时运行项目会报黄

你会发现项目跑不了了

应该：1、先卸载掉vant

2、降低npm版本：npm install npm@6.13.4 -g

3、再执行上述步骤

或者应该：1、先卸载点vant

2、以不同的vant版本暗转：npm install -S vant@2.12.2

3、在执行上述步骤

在Vue中使用vant的方法，踩坑in ./node_modules/vant/es/dialog/Dialog.js相关推荐

vue中mixins的使用方法和注意地方
一.什么是Mixins? mixins(混入),官方的描述是一种分发 Vue 组件中可复用功能的非常灵活的方式,mixins是一个js对象,它可以包含我们组件中script项中的任意功能选项,如dat ...
vue中文件上传方法
vue中文件上传方法(图片,表格) //html部分 <input type="file" id="people-export" ref="in ...
vue中使用vue-awesome-swiper的方法（实现一屏展示多个图片，点击左右滚动一张）
vue中使用vue-awesome-swiper的方法 (awesome-swiper demo官网)[https://surmon-china.github.io/vue-awesome-swipe ...
vue中组件之间调用方法——子组件调用父组件的方法父组件调用子组件的方法
vue中组件之间调用方法--子组件调用父组件的方法 & 父组件调用子组件的方法 1.vue中子组件调用父组件的方法 1.1.第一种方法是直接在子组件中通过this.$parent.event来 ...
Vue中的this.$nextTick方法的使用 [前端][Vue框架]
Vue中的this.$nextTick方法的使用因为在vue中当组件的data中的数据发生了变化之后, 如果这个data中的数据与某个Dom元素有关, 那么这个时候这个Dom元素不会立即更新, vu ...
解决vue中无法取得methods方法中的return值
解决vue中无法取得methods方法中的return值参考文章: (1)解决vue中无法取得methods方法中的return值 (2)https://www.cnblogs.com/betty- ...
vue中mixins的使用方法
参考官网以及网上的一些资料,最基本的用法混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能.一个混入对象可以包含任意组件选项.当组件使用混入对象时,所有混入对象的选项 ...
Mint-UI框架router-link返回上一页的方法 - 踩坑篇
使用mint-ui框架的header导航组件,<router-link to="">如何实现点击返回上一页? 代码如下: <template><!-- ...
vue中打包报错Multiple chunks emit assets to the same filename static/js/chunk-6c337256.33476c81.js
引了几个bpmn的包,导致Jenkins部署报错,找原因一直以为是引入的包有问题,后来发现是在打包的过程中会对生成的文件切割导致文件名重复了,在vue.config.js中配置以下配置完美解决,之前我 ...

在Vue中使用vant的方法，踩坑in ./node_modules/vant/es/dialog/Dialog.js

在Vue中使用vant的方法，踩坑in ./node_modules/vant/es/dialog/Dialog.js相关推荐

最新文章

热门文章