WwangXue的博客

问题：Failed to save 'index.jsx': Insufficient permissions. Select 'Retry as Sudo' to retry as superuser.解决方法：sudo chown -R 当前用户需要操作的文件夹路径 我设置了全部文件 懒得找文件夹去设置了...

### 一、介绍modulesVuex中State使用是单一状态树结构，应该的所有的状态都放在state里面，项目比较复杂，那么state是一个很大的对象，store对象也将对变得非常大，难于管理。modules：可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。### 二、modules使用方法##### 1、最外层 s...

1、不用px2rem-loader和lib-flexible搭配，而是使用：lib-flexible和postcss-pxtorem搭配，因为lib-flexible和postcss-pxtorem里面有一个过滤功能，可以让我们过滤掉以van开头的样式：在引入的postcssrc.js里面设置：module.exports={　　plugins:{　　　　····,　　　　'postcs...

背景：在钉钉环境钉钉浏览器中实现签名，模拟横屏签名签字板使用的canvas，右侧按钮部分是旋转摆放到该位置的；canvas看起来像是旋转过的，实际画布未旋转，只有操作按钮进行了旋转存储canvas的时候需要存储横向的图片，此时需要做处理思路：新建一个画布将画布旋转90度，将已有画布生成的图片放到新画布上，具体实现 //...

先说结论：下载图片是打开一个单独的页面，手动保存本地的图片base64直接下载，不生效，base64转为blob对象下载，不生效；解决方法：该图片上传到阿里云，然后使用链接下载；/** * 在本地进行文件保存 * @param {String} content 要保存到本地的图片数据 base64 * @param {String} fileName 文件名 */ ...

this.axios.post('url', params) .then((res) => { let result = res.data if (result.code === 0) { } }).then(() => { 执行想在请求成功之后 想...

实现效果：思路：找找找官网 看到一个方法:span-method="objectSpanMethod"下面是代码的实现：写两个方法1、计算出合并规则spanOneArr是一个数组 [2,0,3] 如果是2就是合并2行 0 不合并 3 合并三行2、把合并规则放进表格// 计算概览需合并行数 eachTableData () { let ...

实现：由于时间原因 没有自己进行这种小组件的封装 直接拿elment-ui的开关组件默认样式：修改css样式： /deep/.el-switch__core{ height: 22px !important; line-height: 22px !important; ...

访问远程服务器时遇到问题：解决方法：ssh-keygen -R 服务器网址解决~~~~~~~

vm(vue实例对象).$forceUpdate();

html部分<div id="qrcode" ref="qrcode"></div>js部分import QRCode from 'qrcodejs2'// 生成二维码this.qrcode = new QRCode('qrcode', { text: url链接, width: 220, ...

使用场景：点击出现弹窗中显示该小区在地图中的位置父组件中引用：<Map v-if="this.showMap" @closeDialog="closeDialog" :project_id="it.project_id" :project_name="it.project_name"></Map>地图组件：<template&...

目录前言 virtual dom 分析diff 总结前言vue2.0加入了virtual dom，有向react靠拢的意思。vue的diff位于patch.js文件中，我的一个小框架aoy也同样使用此算法，该算法来源于snabbdom，复杂度为O(n)。了解diff过程可以让我们更高效的使用框架。本文力求以图文并茂的方式来讲明这个diff的过程。转载https://gith...

cssrem：一个CSS值转REM的VSCode插件； lib-flexible：移动端弹性布局适配解决方案； vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装； vee-validate：适用于vue项目中表单验证插件； better-scroll ：可能是目前最好用的移动端滚动插件; fastclick：解决移动端click 300ms延迟 vConsole：手机...

在config中index.js文件中配置proxyTable 进行跨域api访问接口的时候路径前面加上前缀 

1、路由导航流程解析路由导航开始 ： 在当前路由调用beforeRouterLeave   - &gt;  调用beforeEach 在重用组件中  :   调用beforeRouteUpdate   - &gt; 调用beforeEnter解析异步路由组件 ： 在被激活的路由组件里调用beforeRouteEnter - &gt; 调用beforeResolve 导航被确认 ： ...

mutation文件import { RECEIVE_PUBLICHTIT} from './mutation-types'//保证刷新页面数据不消失*function storeLocalStore (state) { window.localStorage.setItem("publicTit",JSON.stringify(state));}export defa...

因为本次图片要求比较完整，所以直接传原图给后台，根据返回路径进行展示，利用的input中的file，而给后台传的参数是file对象，遇到问题，实例化出来的formData对象传不过去，let formData = new FormData() // 创建form对象 formData.append('file', file);this.oldFile = file sel...

总结：这里的原因应该是触发change事件中执行了给第二列赋值的函数，是在函数中用voucherType[1].values=xxx进行赋值，一开始以为是这样赋值的原因，后来改为this.$refs.xxx.setSoltValues=xxx进行赋值，数据不会覆盖了，change事件中的值和实际选中的值是一一对应的，然后第一列的数据在初始化的时候默认选中第一个，第二列的展示的数据，根据监视第一...

组件中用法 ： &lt;div class="time"&gt;{{rating.rateTime | date-format}}&lt;/div&gt; filter文件的index.js文件import Vue from 'vue'import moment from 'moment'// 定义一个自定义过滤器Vue.filter('date-format', func...

// POST传参序列化(添加请求拦截器)axios.interceptors.request.use((config) =&gt; { var token = sessionStorage.getItem('token'); if(token){ // 判断是否存在token，如果存在的话，则每个http header都加上token axios...

一、安装vue-cli 脚手架命令npm install -g @vue/cli 适用于vue-cli 3.0卸载命令：npm uninstall -g @vue/cli二、初次安装 vue-cli 3.0 步骤：1、全局安装vue-cli 3.0 脚手架npm install -g @vue/cli2、创建项目文件夹（文件夹名必须写）vue create demo...

一、分析该组件在什么时候会被调用，例如我之前抽出的弹窗组件其中红色框部分是动态显示，那么首先拆分时，要知道哪部分应该是由父组件传入的数据，传入的数据有哪些，分别是什么类型，组件间通信的方式要用哪种，因为这个是子组件中进行显示的，因此我在拆分时候用的是prop进行传递；2、其次，什么时候要显示该弹框，效果是在点击某个信息卡片时，在点击的函数中进行数据的处理，根据当前点击的index来...