weixin_43371136的博客

signature verification failed csb502报错

解决vue super flow 第一次点击不生效

根据json数据生成流程图

vue 流程图

前端实现类似公告的无缝横向滚动

vue页面倒计时因为用了一个定时器，:class绑定的函数也会频繁触发，本强迫症非常不适，后来想了半天，发现是v-model绑定的值有更新会触发整个页面的render，通过浏览器开发者工具的 Performance 观察发现，确实是如此。解决方法组件之间的render 是互不影响的，把定时器这部分用到的dom元素抽离出来，避免大组件的render.参考链接https://blog.youkuaiyun.com/Dobility/article/details/96993951...

封装一个指令 //v-dialogDrag :弹框可拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.querySelector('.el-dialog'); dialogHeaderEl.styl

render: (h, params) => { let cont = params.row["cont"]; return h("span", { domProps: { // 相当于v-html innerHTML: cont, // 相当于v-model value:this.vModel }, style: { margin: 0, ':hov..

封装了一个图片组件直接上代码<template> <img ref="img"> </img></template><script>import { mapActions, mapGetters } from "vuex";export default { name: "authImg", props: { authSrc: { type: String, required: false,

返回的是图片1.可以直接把接口url地址放到src上2. 如果接口是要带请求头等其他参数，就不好直接放src了，处理如下axios.get(url,{ params:{}, responseType: 'blob', headers:{}}).then(res=>{ this.processImg = window.URL.createObjectURL(new Blob([res]));})...

element tree 获取获取对应的父级数据 getParentTree(node1, key1) { let arr = JSON.parse(JSON.stringify([node1.data[key1]])); function getParent(node) { // 判断当前节点是否有父节点，并且父节点上的data不能是数组 if (node.parent && !Array.isArray(node.paren

首先安装mockjsnpm install mockjs新建mock文件夹，创建index.js文件，这里就是我们注册所有mock服务的地方index.js// 首先引入Mockimport Mock from 'mockjs';// 设置拦截ajax请求的相应时间Mock.setup({ timeout: '200-600'});let configArray = [];// 使用webpack的require.context()遍历所有mock文件const files

需求：数据量较大，所以首次进来加载一级的行政区域，点击才加载他的子级。修改后实时更新左边树有下级的时候显示三角形实现思路：用el-tree的lazy属性存在问题：如果绑定用 :load=“loadNode” 看着是懒加载但也会触发多次，第一次就把所有数据拿出来了。如果绑定 :data=“data” 就不会显示前面的三角形。解决方案lazy 和 data 属性和 defaultExpandedKeys 配合加载子节点，childrenNo是是否有子节点项点击的时候手动设置展开的项

本地已经安装过vue2,最近在学习typescript,构建vue2的项目时不能直接使用ts,要安装配置相关的包。唉，还是装个vue3的环境再来构建ts项目吧。vue2全局安装过，废话不多说，直接装vue3新建一个存放vue3的文件夹，目录不能含中文在当前文件夹下打开cmd,安装vue/cli3的脚手架npm i @vue/cli@3安装完后发现生成了node_modeules文件夹，打开bin文件夹。将bin 文件夹下的 vue 和vue.cmd 文件改为vue3和 vue3.c

v-on 常用指令修饰符.stop 调用event.stopPropagation() 禁用事件冒泡。.prevent 调用event.preventDefault() 阻止事件的默认行为.capture 添加事件侦听器时使用capture模式self 只当事件是从侦听器绑定的元素本身触发时才触发的回调{keycode | keyalias } 只当事件是从特定键触发时才触发的回调.native 监听根组件的原生事件.once 只触发一次回调.left 点击鼠标左键触发.right 点

vscode真是开发人员的首选编辑器，方便又好用。打开 vscode - 文件 -首选项 - 用户片段 - 选择vue.json输入下面的模板内容{ "Print to console": { "prefix": "vuetpl", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<scri

在vue项目中，会有列表页搜索得到某个结果后，再跳转详情页，再回来列表页就会回到初始状态。我们想保留之前搜索的结果时就要用到vue 的keep-alive了keep-alive 是vue内置的一个组件，用来保存组件的原来的状态，避免重新渲染使用过程中发现并没有被缓存，经过多方查找，发现是 include 数组的值没有和组件的name值对应...

使用require.context实现前端工程自动化Vue 引入指定目录文件夹所有的组件

vue-context-menu一个页面右键菜单组件使用了两次会错乱，是没有区分他两的menuName在绑定的值加上 contextMenuData: { menuName: "layer", //这个字段用来区分 //菜单显示的位置 axis: { x: null, y: null, }, //菜单选项 menulists: [ {

element表格添加单选框原文地址

就是等复选框渲染完后重新赋值

<el-dropdown @command="handleCommand($event, key)" size="medium" trigger="click" :hide-on-click="false" 是否在点击菜单项后隐藏菜单 v-else :class="value.className" > <span>

vue页面响应前的加载中显示loading过渡数据的加载时间我用的是vue-resource和mint-ui的组件Intercepors，也可以自己定义一张图片，详情请看https://blog.youkuaiyun.com/qq_37504376/article/details/80681835效果如图，在main.js中导入mint-ui,加载中的样式还需另外导入导入之后重点来了，使用全局拦截...

主要解决有人点着玩的时候，很快速的点也不出现bug之前有在网上看过定义一个数组，存放5个小球，这5个小球来满足的动画的运行，微微复杂，想了一个简单点的实现步骤界面如下如上图，点击加入购物车html代码vue在实现动画的时候提供了几个javascript钩子，可配合css动画一起使用，也可单独使用，因为购物车抛物线小球只有进入动画，没有离开的动画，所以enter的钩子有，before-e...