u011295864的博客

vue2实现动态换element-ui主题色

element-ui中的switch开关无loading属性（在element-plus时加入了），而且点击时开关状态就会切换，这使得在需要调用接口后再改变开关状态变得比较麻烦。思路：switch开关外包一层div，给div添加click事件，emit给父组件，在父组件里进行开关状态的切换。

基于vue的九宫格抽奖（动画速度可控制）

vue可拖拽排序列表组件

vue路由跳转到当前页并刷新数据

1、安装XLSX依赖。2、通过input标签 // 拿到所导入文件的名字(file是input标签拿到的文件信息) let fileName = file //定义reader，存放文件读取方法 let reader = new FileReader() //启动函数 reader.readAsBinaryString(fileName) //onload在文件被读取时自动触发 reader.onloa.

.eslintrc.jsmodule.exports = { root: true, globals: {}, env: { node: true }, extends: ['plugin:vue/essential', '@vue/standard'], parserOptions: { parser: 'babel-eslint' }, rules: { 'no-console': process.env.NODE_ENV === 'prod

转载自：https://blog.youkuaiyun.com/wcy7916/article/details/90263039

转载自知乎：https://zhuanlan.zhihu.com/p/148693989

效果预览：父组件：<template> <div class="comment-reply"> <div v-for="(item, index) in articleLists" :key="index" class="article-list" > <div class="article-desc">{{ item.articleDesc }}</div>

在项目src下添加bmpgl.js，内容如下：（ak是密钥）// bmpgl.jsexport function BMPGL(ak) { return new Promise(function(resolve, reject) { window.init = function() { // eslint-disable-next-line resolve(BMapGL) } const script = document.createElement

背景：使用axios请求接口，返回的打印返回的数据，浏览器控制台显示乱码，而在preview里查看却是一张图片。这时候应该怎么处理？放弃axios，使用XMLHttpRequest()代码如下：html部分：<img :src="qrCodeSrc" />js部分：let qrCodeUrl = '' // 要请求的接口地址 let xhr = new XMLHttpRequest() xhr.open('GET'.

1、首先我们用一个值用来保存axios的终止函数，放在vuex里，方便全局调用。const state = { cancelAxios: null // 终止axios请求}const mutations = { setCancelAxios(state, n) { state.cancelAxios = n }}const actions = { setCancelAxios({ commit }, n) { commit('s

放在nginx服务器根目录下的情况：vue.config.js配置：publicPath: '/'router配置：base: '/',mode: 'history'nginx配置文件：location / { try_files $uri $uri/ /index.html; root html; index index.html index.htm;}放在nginx服务器根目录下一个子目录下的情况（以子目录名称是demo为例）：vue.

代码如下：HTML部分：&lt;div class="mainBlock"&gt; &lt;!--显示的窗口--&gt; &lt;div class="displayWindow"&gt; &lt;!--可移动面板--&gt; &lt;div class="mobilePanel"

参考 https://segmentfault.com/q/1010000009700735 的解决办法。 

mounted () { // 页面加载完后显示当前时间 this.realTime = this.dealWithTime(new Date()) // 定时刷新时间 let _this = this // 定时器 this.timer = setInterval(function () { _this.realTime = _this.dealWithTime...

1.安装依赖npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-dev2.到 https://pan.baidu.com/s/1aG_S7eaxFLtQW-KBQnyNZA下载vendor文件夹。 （密码：79yd ）3.将vendor文件夹复制到项目src目录下...

代码如下：&lt;template&gt; &lt;div&gt; &lt;div style="width:70%;margin:20px auto;height:40px"&gt; &lt;!-- 配置slider组件 --&gt; &lt;slider ref="slider" :pages="pages" :sliderinit

前端代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"&gt;&lt;/sc

打开config下index.js文件，找到 productionSourceMap: true ，改为 false 即可。

打开项目build下index.js文件，将localhost改为 0.0.0.0，port端口号改不改都行，只要保证这个端口号没有被占用即可。然后打开项目package.json文件，找到将红框内的改为："dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --ho...

1、首先项目安装axios和qs。（具体度娘，不多说）。2、main.js里引入axios和qs，然后配置axios。代码如下：import axios from 'axios'import qs from 'qs'// axios配置axios.defaults.timeout = 5000 // 响应时间axios.defaults.headers.post['Conten...

&lt;template&gt; &lt;div class="s-canvas"&gt; &lt;canvas id="s-canvas" :width="contentWidth" :height="contentHeight"&gt;&lt;/canvas&gt; &lt;/div&gt;&lt;/template&