随笔分类 - Vue
摘要：https://www.cnblogs.com/fat-jun/p/15692858.html
阅读全文
摘要：需求：页面A选择查询条件，然后点击去其他页面，希望再次点击A页面的时候依旧缓存上次的查询条件，直到点击 x 关闭缓存失效，再次点击左侧菜单打开A页面的时候重新请求数据，但是目前是再次点击左侧菜单打开A页面的时候依旧使用的关闭之前的缓存，为什么缓存一直存在呢？现在就来看看如何解决这个问题 解决： 在
阅读全文
摘要：需求：点击编辑的时候需要将这一行的数据传给子组件，子组件是一个dialog 父组件通过props方式给子组件传值 在子组件里这么去接收 然后去给子组件的表单赋值 在页面初始化的时候就会报错 因为初始化的时候 editrow 这个object 里面没有这些属性，所以就会报错 现在解决： 第一种方法：使
阅读全文
摘要：效果如图展示： <el-date-picker v-model="month" type="month" :clearable="false" placeholder="选择月份" format="yyyy 年 MM 月" value-format="yyyy-MM" style="margin-b
阅读全文
摘要：疫情期间学习成果继续输出，若有不对的地方请指出，感激不尽！ 在做vue项目的时候都会运行以下这段代码，我只知道这是new了一个vue实例，然后初始化，编译，挂载，卸载，如下图： 但是vue内部都具体怎么操作的一概不知，今天学习源码的过程中发现了终于知道了其中的奥秘。我们来一步步的解析这个过程都做了哪
阅读全文
摘要：关于mockjs，官网描述的是 1.前后端分离 2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。 3.数据类型丰富 4.通过随机数据，模拟各种场景。 等等优点。 总结起来就是在后端接口没有开发完成之前，前端可以用已有的接口文档，在真实的请求上拦截ajax，并根据mockjs的
阅读全文
摘要：<template> <div class="ztreebox"> <div v-if="editEnable" class="searchContainer"> <el-input v-model="searchtext" class="searchinput" type="text" size=
阅读全文
摘要：业务需要导出表格数据，后端返回的是二进制数据流，使用axios请求，在前端接收到的是如下： 这就是二进制数据流，看不懂不要紧，前端只要处理如何下载就行了，下面就贴一下具体的代码实现。 axios封装： import axios from "axios"; import { Loading, Mess
阅读全文
摘要：1 获取?后面的参数 http://192.168.1.105:8080/#/idInput?username=%22%E5%BC%A0%E4%B8%89%22 获取参数方法 let id = this.$route.query.username 2 获取不带?的URL中的参数 http://192
阅读全文
摘要：后端希望将选中项的id和name同时传过去，于是就开始试验： 事件+双value selectSubjectItem(event) { console.log(event); this.formData.subjectCode = event.code; // 赋值给后端需要的字段 this.for
阅读全文
摘要：可以通过scope.row.属性名和三目运算符给特殊的属性值设定样式 类似下面的效果 <el-table-column property="examine" label="审核情况" width=""> <template slot-scope="scope"> <div :class="scope
阅读全文
摘要：浏览器渲染和服务端渲染 服务端渲染：在服务端将对应数据请求完，在后端拼装好页面返回给前端 好处：利于SEO优化，减少首屏加载时间 缺点：占用大量内存和cpu，一些生命周期不能用， 没有beforemounted、mounted生命周期 客户端渲染可能会出现白屏。 一、基本用法 1.安装插件： npm
阅读全文
摘要：基本使用 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。 让我们深入一个简单的例子，这个例子里 render 函数很实用。假设我们要根据父组件传过来的数据决定显示哪个标签：
阅读全文
摘要：为了解决包文件体积过大，首页加载时间过慢的问题，决定以cdn的方式引入第三方包 vue.config.js config.externals({ 'vue': 'Vue', 'vue-router': 'VueRouter', 'Vuex': "Vuex", // 'store': 'store',
阅读全文
摘要：原因：就如报错提示所描述的，不能重新定义$router，说明是重复定了$router。通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-router，还在index.html页面引入了vue-router.js文件。 解决方法有两种： 1. 去掉index.ht
阅读全文
摘要：最开始的时候直接什么都没有配置，打包了一个dist文件夹扔给后端，发现文件加载报错404，如下： 发现在加载css文件和js文件的时候是不是从dist文件开始找的，这是因为默认会从index.html所在的硬盘的根目录下开始查找，自然无法找到。修改： configjs文件 publicPath: '
阅读全文
摘要：将后台返回的数据填充到页面的上的时候需要的是汉字，在给后台传值的时候传的是数字，现在有个问题就是让它显示的时候显示汉字，传值的时候传数字，那无疑，我们还是需要将动态绑定的值给赋值数字1，2，3这种的，但是发现显示的时候也会显示成数字， 这不是我想要的效果，查资料发现，是数据类型的问题，你在本地代码中
阅读全文
摘要：在开发vue项目的时候遇到了一个问题，就是echarts图表不显示，但是写死数据的时候他会显示，想想这个可能就跟数据请求有关了，我是习惯了在mounted生命周期里面发送请求，mounted意思是页面已挂载完成，可以拿到dom节点了，这也说明echarts图表的dom结构也会在mounted的时候去
阅读全文
摘要：md5一般用来加密要传给后台得密码信息 1.安装模块 npm install js-md5 -D 2.在项目中引入模块 import md5 from 'js-md5' 3.把你需要加密的信息进行前期处理 CalcuMD5 = function (pwd) { pwd = pwd.toUpperCa
阅读全文
摘要：https://blog.csdn.net/ddx2019/article/details/102964182 https://www.cnblogs.com/chaoyuehedy/p/9947381.html 以上两种方法我用得时候报错：Uncaught Error: Malformed UTF
阅读全文
