vue项目全局引用其他库或插件的方法

一、引入库（js文件）例子：npm install的localForage，在main.js中全局引用import localForage from 'localforage/src/localforage';Vue.prototype.localForage = localForage在其他文件中就直接引用，this.localForage....注意：这种方法是有局限性的，...

芳树无人花自落

4324人浏览 · 2019-04-26 17:16:18

芳树无人花自落 · 2019-04-26 17:16:18 发布

一、引入库（js文件）

例子：npm install的localForage，在main.js中全局引用

import localForage from 'localforage/src/localforage';

Vue.prototype.localForage = localForage

在其他文件中就直接引用，this.localForage....

注意：这种方法是有局限性的，在router/index.js和store下面是不能直接使用，还是需要向main.js里一样引用

解决办法：直接挂载至window上

import localForage from 'localforage/src/localforage'

window.localForage = localForage

在其他文件引用

localForage.setItem('token','',(err,res)=>{....}）

二、引入插件

以element-ui为例，在main.js中全局引用

import ElementUI from 'element-ui'

Vue.use(ElementUI)

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^