摘要: 1、首先需要安装qrcodejs2插件 yarn add qrcodejs2 2、需在html里面定义一个用于渲染二维码的标签元素 <div ref="qrcode" style="display: none"></div><img v-if="qrcodeSrc" :src="qrcodeSrc" 阅读全文
posted @ 2023-08-15 11:28 wjs0509 阅读(593) 评论(0) 推荐(0) 编辑
摘要: 用户在发包前进入了页面(也就是请求到了 index.html ),并且在 index.html 中可以得知将来要请求的异步组件的名字叫 a.js ,当服务器这时候发包,并且清空掉了 a.js 这个资源,改名叫 a1.js 。发包之后用户点击 a.js 对应的组件时,浏览器拿着先前在 index.ht 阅读全文
posted @ 2023-04-03 11:34 wjs0509 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 以腾讯地图的搜索接口为例:https://apis.map.qq.com/ws/place/v1/suggestion 1、在主应用中定义一个工具类方法: 由于在vue中不能直接调用第三方的接口(因为跨域),除非后台做下处理,所以上面的方法引用了vue-jsonp这个插件来处理跨域 2、在主应用的入 阅读全文
posted @ 2023-04-03 09:56 wjs0509 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 父子孙应用路由都是使用的history模式 父应用配置: main.js import { registerMicroApps, start, initGlobalState } from 'qiankun' // 由于本身有window.__POWERED_BY_QIANKUN__参数,sub应用 阅读全文
posted @ 2023-03-23 16:30 wjs0509 阅读(1304) 评论(0) 推荐(0) 编辑
摘要: 1、安装插件:postcss-change-css-prefix 2、在根目录下创建postcss.config.js文件,并写入如下内容: const addCssPrefix = require('postcss-change-css-prefix') module.exports = { pl 阅读全文
posted @ 2023-03-23 14:46 wjs0509 阅读(867) 评论(0) 推荐(0) 编辑
摘要: api.js import request from '@/base/service' const baseURL = process.env.VUE_APP_API const requestClue = (data) => { return request({ ...data, ...{ bas 阅读全文
posted @ 2023-03-01 14:03 wjs0509 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 在vue.config.js文件中,对chainWebpack的配置进行设置 chainWebpack(config) { config.plugin('html') .tap(args => { const date = new Date() args[0].title = '网站的标题' arg 阅读全文
posted @ 2023-01-17 15:18 wjs0509 阅读(174) 评论(0) 推荐(0) 编辑
摘要: <template> <div ref="columnarStrip" class="columnarStrip"> <div v-if="normal()" class="columnBox"> <div :style="{ width: widthPercent }" class="conten 阅读全文
posted @ 2023-01-06 14:11 wjs0509 阅读(132) 评论(0) 推荐(0) 编辑
摘要: import Vue from 'vue' const requireComponent = require.context('./', true, /index.vue$/) requireComponent.keys().forEach(filePath => { const component 阅读全文
posted @ 2023-01-06 13:55 wjs0509 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 修改babel.config.js文件,不需要安装babel依赖包 阅读全文
posted @ 2022-06-27 14:22 wjs0509 阅读(334) 评论(0) 推荐(0) 编辑