weixin_42571699的博客

pdfjs-dist有时候会出现部分手机比如iphone6和iphone8渲染不出pdf问题解决办法：将pdfjs-dist版本降到2.2.228

state子模块拿到父模块或其他模块的state、gettersconst { commit, dispatch, state, rootState,rootGetters } = storeconsole.log(rootState) // 打印根 stateconsole.log(rootState.list) // 打印其他模块的 stateconsole.log(rootGetters['list/ceshi']) // 打印其他模块的 getters子模块拿到父模块或其他模块的mut

1.安装vue-pdfnpm install --save vue-pdf2.引入vue-pdfimport pdf from "vue-pdf";//注册组件components: { pdf,}// 使用<div class="content" ref="content"> <pdf ref="pdf" v-for="i in numPages" :key="i" :src="url" :page="i" ></pdf

安装插件npm install vue2-svg-icon --save-dev在vue.config.js文件中增加配置chainWebpack: (config) => { const svgRule = config.module.rule('svg') svgRule.uses.clear() svgRule.use('svg-sprite-loader').loader('svg-sprite-loader') .

1.先监听页面滚动created() { window.addEventListener("scroll", this.handleScroll);},destroyed() { window.removeEventListener("scroll", this.handleScroll, true);},2.handleScroll方法```bashhandleScroll() { let scrollTop = window.pageYOffset |

使用自定义 ref 实现带防抖功能的 v-modelimport { customRef } from 'vue'export function useDebouncedRef<T>(value: T, delay = 200) { let timeout: any = null return customRef((track, trigger) => { return { get() { track() return val

const getStrFullLength = (str = '') =>{ str.split('').reduce((pre,cur)=>{ const charCode = cur.charCodeAt(0); if(charCode > 0 && charCode <=128){ return pre +1 } return pre +2 },0)}

function copyText(test: string) { if (document !== null) { const tag = document.createElement('input') tag.setAttribute('id', 'copyInput') tag.value = test document.getElementsByTagName('body')[0].appendChild(tag) const target: any =

1.新建store.js文件，写入import Vue from 'vue'const state = Vue.observable({ user: {}, productId: '',})const store = { state: state, dispatch: function (method, ...args) { return this.methods[method].apply(this, [...args]) }, me

const downLoadFile = function (blob, fileName, that, msg = ''){ if(blob.type === 'jsonString') { let reader = new FileReader(); reader.readAsText(blob.data, 'utf-8'); let resJson = {}; reader.onload = e =>{

1.在main.ts文件中加入const win: any = windowif (process.env.NODE_ENV === 'development') { if ('__VUE_DEVTOOLS_GLOBAL_HOOK__' in win) { win.__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue = app }}2.改动了main.ts别忘记重启下项目 npm run serve...

vue-devtools 安装到github下载git clone https://github.com/vuejs/vue-devtools2.使用步骤a.在vue-devtools目录下安装依赖包cd vue-devtoolsnpm installnpm run build编译打包成功后会在shells下生成chrome文件夹。此文件夹就是用来放入chrome的扩展程序b.打开Chrome浏览器 >选择更多工具>扩展程序 >打开开发者模式3.vue-

当这样操作数组和对象，会发现数据虽然改变了，但是视图就是不刷新this.arr[0] = 'newValue';this.obj.attr = 'newValue';解决办法：改变数组this.$set(this.arr, 0, "newValue");或使用splice()、 push()、pop()、shift()、unshift()、sort()、reverse()改变对象this.$set(this.obj, "c", "newValue");或使用this.obj= Ob

常用案例mounted () { window.addEventListener('resize', this.resizeHandler);},beforeDestroy () { window.removeEventListener('resize', this.resizeHandler);}简化后mounted () { window.addEventListener('resize', this.resizeHandler); this.$on("hook:b

场景: 一个纯展示页面,没有数据修改，但是vue会做getter和setter的转换Object.freeze()是ES5新增的特性，可以冻结一个对象，防止对象被修改注意:冻结只是冻结里面的单个属性,引用地址还是可以更改今日头条极速版邀请码【941363528】抖音极速版邀请码【8121029958】快手极速版邀请码【426942961】番茄听书邀请码 【453330438】番茄免费小说邀请码【7556736071】...

.stop:阻止冒泡.prevent:阻止默认行为.self:仅绑定元素自身触发.once: 2.1.4 新增,只触发一次.passive: 2.3.0 新增,滚动事件的默认行为 (即滚动行为) 将会立即触发,不能和.prevent 一起使用今日头条极速版邀请码【941363528】抖音极速版邀请码【8121029958】快手极速版邀请码【426942961】番茄听书邀请码 【453330438】番茄免费小说邀请码【7556736071】...

场景:有些组件有些重复的 js 逻辑,mixins 就可以实现这种混入案例：定义const mixin={created(){this.dealTime()},methods:{dealTime(){console.log(‘这是mixin的dealTime里面的方法’);}}}引入export default{mixins:[mixin]}今日头条极速版邀请码【941363528】抖音极速版邀请码【8121029958】快手极速版邀请码【426942961】番茄听书

立即执行：利用 watch 的immediate和handler属性简写深度监听：deep 属性深度监听, 监听复杂数据类型案例：atch:{someValue:{handler(oldVal,newVal){},deep:true，immediate: true}}今日头条极速版邀请码【941363528】抖音极速版邀请码【8121029958】快手极速版邀请码【426942961】番茄听书邀请码 【453330438】番茄免费小说邀请码【7556736071】...

require.context(directory,useSubdirectories,regExp)接收三个参数:directory：说明需要检索的目录useSubdirectories：是否检索子目录regExp: 匹配文件的正则表达式,一般是文件名案例const path = require(‘path’)const files = require.context(’@/components/home’, false, /.vue$/)const modules = {}files.

elementUi 后台模板https://github.com/PanJiaChen/vue-element-adminAnt 后台模板https://github.com/ant-design/ant-design-pro

1.安装nodehttps://nodejs.org/en/2.安装cnpm$ npm install -g cnpm --registry=https://registry.npm.taobao.org3.安装vue脚手架npm install -g @vue/cli4.创建projectname项目, 按需求选择vue-cli 用的是 npm 源，只要设置 npm：npm config set registry https://registry.npm.taobao.org（Bab

1.安装vue-json-excelnpm install vue-json-excel -S2.main.js里面引入并注册使用import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3、页面中使用<download-excel class = "export-excel-wrapper" :data = "json_data" :fields = "json

后端返回数据流， 前端导出下载xls文件export function exportMethod() {axios({method: get,url: url+‘params’,responseType: ‘blob’}).then((res) => {const link = document.createElement(‘a’)let blob = new Blob([res], {type: ‘application/vnd.ms-excel’})link.style.disp

1.打开Apache的这些模块，把签名的#去掉LoadModule proxy_module modules/mod_proxy.soLoadModule proxy_connect_module modules/mod_proxy_connect.soLoadModule proxy_ftp_module modules/mod_proxy_ftp.soLoadModule proxy_...

原因是由于使用vue-router的 history 模式，这种模式充分利用 history.pushState API 来完成URL跳转而无须重新加载页面。 mode: 'history'解决方案在服务端增加一个覆盖所有情况的候选资源（如果 URL 匹配不到任何静态资源，则应该返回同一个 你 app 依赖的页面index.html）：在项目目录下新建文件.htaccess文件，添加...

由于组件在mounted中没有加载完全，需要延迟获取元素在mounted中this.$nextTick(()=>{这里再调用this.$refs.XX 或document.getElementById['XX']})

后台返回权限数据格式：{menuId: "101"，menuName: "账号管理"，}，{menuId: "101001"，menuName: "系统账号"，}，{menuId: "1010010001"，menuName: "新增"，}1.新建unit.js文件，封装后台传递过来的数据，类似于：export function getUserAuth(data, m...

直接给tree赋default-checked-keys的值是无效的.解决方法：this.$refs.tree.setCheckedKeys(data);

参考表存储区域地域简称上传域名华东z0服务器端上传：http(s)://up.qiniup.com客户端上传： http(s)://upload.qiniup.com华北z1服务器端上传：http(s)://up-z1.qiniup.com客户端上传：http(s)://upload-z1.qiniup.com华南z2服务器端上传：http(s)://...

实现草稿保存类需求beforeRouteLeave (to, from, next) { if(用户已经输入信息){ //出现弹窗提醒保存草稿，或者自动后台为其保存 }else{ next(true);//用户离开 } }setInterval路由跳转继续运行并没有销毁：比如一些弹幕，走马灯文字，这类需要定时调用...

做vue项目引入了element ui 的el-switch组件的，发现在请求数据中，state在response中返回的是“0”，但是在res返回值中变成了数字1<el-switch v-model="scope.row.state" :active-value="0" :inactive-value="1" active-color="#409EFF" inactive-color="...

1.安装xlsx，xlsx文档介绍：https://github.com/SheetJS/sheetjsnpm install xlsx2.在vue文件中引入import XLSX from 'xlsx'importExcel(file, fileList) { const types = file.name.split('.')[1]; const fileType = ['xls...

1.在index.html中引入一段amap的JS<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=js api 秘钥"></script>在vue文件中引入地图import AMap from 'AMap'1 驾驶路径绘制第一步：在index.ht...

获得的数据{ "name":‘林1’, "createTime": "2018-03-16 11:33:00", "deptId": 100, "parentId": 0 }, { "name":‘林2’, "createTime": "2018-03-16 11:33:00", "deptId": 101, "...

方法一：后台配合添加允许跨域方法二: 谷歌浏览器全局配置 右键->快捷键方式->目标尾部添加--disable-web-security --user-data-dir=C:\MyChromeDevUserData方法三：使用代理(只本地有用，上传到服务器需要后端解决跨域问题)根目录新建vue.config.js//多域名跨域配置module.exports = ...

安装vue-clipboard2 npm install --save vue-clipboard22.在main.js中引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3.使用方法<span>{{invitationCode}}</span><img src="...

axios安装 npm install axios安装element ui npm i element-ui -S安装qs npm install qs安装weixin-js-sdk npm install weixin-js-sdk

错误代码：var notZero = (rule, value, callback) => { if (!value) { return callback(new Error('值必须是大于0')); }};这段代码中只有但value为假时候才执行，当为真的时候没有返回对于的执行函数callback(); 所有稍微改动下就可以了var notZero = (rule, va...

这问题花费我3天时间,一直不行最后把vue-cli4.0.4 升级到 4.0.5就可以了. 这问题在4.0.5版本已经解决，是vue-cli4问题

检查引入问题是否有问题import { login } from ‘@/api/login’比如{} 和 login是否存在或文字正确