方法一:在根目录下,找到vue.config.js,添加如下属性// vue.config.js module.exports = {// 设置打包路径publicPath: './',// 设置页面titlechainWebpack: config => {
用vue-cli脚手架工具构建项目成功后 如果需要引入JQ，步骤如下： 1、在Jquery官网下载：https://jquery.com/download/ 2、首先在项目中找到在package.json文件，在package.json里做如下操作： 注意：看自己下载的版本号来写！3、在终端里输入npm install jquery –save-dev 也可以是cnpm install jquery –save-dev 注意：jquery 一定要小写 不然会提示 Please use ‘jquery’ (all lowercase)! 4、(1)在项目中找到 build文件夹下...
VUE项目引入微信JSSDK 实现自定义分享 前端vue、后端php 问题：后端获取config参数所需的url 需要和请求自定义分享页面url一致 一、微信公众号后台添加 js安全域名（白名单） 二、(前端) VUE引入微信JSSDK 1、yarn add weixin-js-sdk或者npm install weixin-js-sdk --save-dev 2、封装wx分享功能 在asset中新建wx.js import axios from "axios"; import wx from 'weixin-js-sdk'; //初始化微信sdk const wxShowMenu = shareData =>...
什么是微前端？ 网上抄的： 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时，它们也可以在共享组件的同时进行并行开发.我的理解： 微服务就像是一个操作系统：在其中可以运行多个app。但每个app呢，又可以脱离操作系统独立运行。为什么选择qiankun.js | qiankun.js优点 大白话： 就目前市...
目录 1、vue.config.js别名配置与使用 2、通用方法全局使用(自定义插件) 3、axios自定义 4、http请求统一管理绑定1、vue.config.js别名配置与使用新建vue-cli3项目中默认是没有vue.config.js，自己在根目录新建。项目默认会定义 @ 代表 src目录下面是个人项目中部分配置，还包括svg使用类名与组件引入类似于element-ui的icon引入设置，文件压缩等配置，可以参照vue-admin-template，后面项目空了再发一下一下配置，包括npm包与组件...
方法一：使用 v-clipboard 使用步骤： 1.安装依赖 npm install --save v-clipboard2.在main.js中引入 import Vue from 'vue' import Clipboard from 'v-clipboard'Vue.use(Clipboard)3.使用 <template><el-buttontype="text"v-clipboard:copy="copyRowData"v-clipboard:success="clipboardSuccessHandler"v-clipboard:error="clipboardErrorHandler">复制</el-button> </template>export default {data() {return {copyRowData:''}...
1.创建应用 点击进入高德地图个人开发的注册：https://lbs.amap.com/dev/id/personal 然后可以登录支付宝进行认证。 注册完毕之后，点击右上角的控制台 点击右上角的创建应用 创建好之后我们点击添加，我们以web端为例。选择之后提交。 2.地图使用 打开使用文档 接下来在vue项目中导入高德地图。 文档地址：https://developer.amap.com/api/javascript-api/guide/abc/quickstart 创建第一个地图： //第一步 使用异步导入js文...
直接看图下次一定记得！
vue项目如何全局获取jenkiens参数 问题场景：问题描述：原因分析：解决方案： 问题场景： 提示：这里简述项目相关背景： 例如：项目场景：在vue项目接入sentry监控系统的时候，想让release版本号随着需求迭代版本命名，那这时候就需要获取jenkins构建时选取的分支名（分支名都是按照版本迭代命名的，例如：release-1.6.0）问题描述： 在用shell语言–branch=${Branch}传递参数时， 项目里面只在webpack.prod.conf.js可以获取值，其...
this.projectNameData = res.data.data//去掉重复的数据var hash = {};this.projectNameData = this.projectNameData.reduce(function (item, next) {hash[next.projectPresetId] ? '' : hash[next.projectPresetId] = true && item.push(next);return item}, [])for (const data of this.projectNameData) {this.option.column[2].dicData.push({value: data.projectPresetId, label: data.projectName})this.optionOut.column[0]...
通过监听 touchmove 事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 // 禁止页面滚动 var forbidScroll = function(e) {e.preventDefault(); }; // 通过 $once 来监听生命周期 beforeDestroy 钩子 this.$once("hook:beforeDestroy", () => {window.removeEventListener("touchmove", forbidScroll); }); function forbidTouchMove() {document.body.style.overflow = "hi...
此文章转自：link. 1：安装node 端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。（我用的是win10系统，所以需要管理员权限，右键点击以管理员身份运行cmd），不然会出现很多报错。 2：查看node的版本号 下载好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版...
vue中对某个属性进行过滤 在vue项目中我们会遇到不止一处地方要对值进行过滤，我们就想到了写一个全局的方法进行过滤 举例 我们在做项目的过程中，要对金额进行过滤，后台传递给前端的金额参数，都是以分为单位的值，前端需要对金额参数进行过滤办法 然后就可以在页面里面使用了