vue

js实现base64编码，前端一般应用场景在与后端接口参数中体现，后端可能需要某个字段是base64编码的字符，这时候就需要用前端的方法进行转换，再作为参数传递到服务端。 js使用base64.js进行转换 1.下载js-base64： npm install --save js-base64 2. 在vue中引入，require引入使用： const Base64 = require('js-b…

现象： 这个错误是我在用vue-cli中使用webpack打包的时候，页面内容已经展示出来但是图片显示不出来，一看引用链接src为"[object Module]"的问题。 出错原因： 也是找到了大佬的博客看到的，他说这个是file-loader的版本问题，我现在的file-loader版本是^6.2.0。原来file-loader里面有一个esModule的配置，低版本默认为false，高版本默…

1：添加路由规则 路由规则在router/index.js 中编写；在入口文件main.js中导入router文件，当我们需要为项目编写路由规则时，就需要在router/index.js 中编写。 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) import Layout from '@/layout' /…

vue中promise的使用 promise是处理异步的利器，在之前的文章 《ES6之promise》 中，我详细介绍了promise的使用， 在文章《 js动画实现&&回调地狱&&promise 》中也提到了promise的then的链式调用， 这篇文章主要是介绍在实际项目中关于异步我遇到的一些问题以及解决方法，由此来加深对promise的进一步理解。 背景 进入…

VUE组件缓存处理，keep-alive相关应用 需求描述 管理系统中需要增加类似如下的标签页，新创建标签时打开的是不存在缓存的新页面，切换页面时保存表单内容不刷新，关闭标签后从新打开页面又进入到非缓存页面。 之前处理方式 之前处理为每打开一个标签就创建一个与标签拥有对应关系的iframe，这样你在切换标签时实际上是切换对应iframe显示与隐藏，这样好处就是iframe只有在创建时才会加载一次，…

一、环境搭建 1. cli 工具： vue.js 的脚手架工具 2.版本： vue-cli ：老版本，主要基于 vue.js v2.× + webpack 构建应用 @vue/cli ：新版本，主要基于 vue.js v3.× + vite 构建应用 3.用户端： vue-cli + vant 4.安装 vue-cli ： $ npm i vue-cli -g 5.问题：1.安装完成后不能识别为一…

1.实现效果 2. 代码实现 2.1使用elementUI文档中Tabs标签页 2.2在components中新建两个文件  login.vue   register.vue login.vue 回车登录（ 按钮添加native-type="submit"  登录表单添加@submit.native.prevent​​​​​​​ ） <template> <div class="…

一般我们在项目开发中使用的表格大多是ui组件库里面的,一般都是一个prop对应一个字符串,但有的时候产品设计需要一个字段下面展示很多的数据,这个时候得做处理了 如下,要求一个表格里面展示很多的人名,后端返回的数据是数组形式的,这个时候需要前端做一下处理,比如给人名之间加一个逗号之类的 我使用的是element table 里面的formatter 具体如下 <div style="width…

使用传统的html+js+vue编写前端页面时，经常也会使用到自定义组件，会使用到httpVueLoader这个插件，记录下使用过程中遇到的一些坑。 1、.vue文件格式 <template> <div> <!-- 其他模板代码只能写在这个div内，整个文件只允许存在一个顶层div --> </div> </template> <s…

由于http响应头会带有服务器时间，所以就在响应拦截器中获取了服务器时间 import store from '@/store' service.interceptors.response.use((response) => { if(response.headers['date']) { store.commit('common/setServiceTime', response.head…