随笔分类 - Vue
摘要：先安装screenfull：npm install screenfull@4.2.0 --save （注意版本号） 一、在\src\components目录下创建Screenfull文件夹，创建index.vue文件，封装screenfull <template> <div> <svg-icon :
阅读全文
摘要：参考： https://github.com/PanJiaChen/vue-admin-template/issues/349 一、从vue-element-admin复制文件： vue-admin-template\src\layout\components\TagsView 文件夹vue-adm
阅读全文
摘要：参考： ElementUI多个子组件表单的校验管理：https://www.jianshu.com/p/541d8b18cf95 Vue 子组件调用父组件方法总结：https://juejin.im/post/5c1370365188250f73759a79 Vue表单类的父子组件数据传递：http
阅读全文
摘要：需求：通过不同的参数复用同一组件，实现动态加载数据和图片，同时，在页面刷新时，图片依旧可以加载成功。 过程出现的bug和问题： 1、使用params传参后，再次刷新页面，参数丢失导致数据无法再次加载 2、改用query进行传参后，页面刷新后图片无法加载，这是由于图片的url是在created钩子函数
阅读全文
摘要：问题：在最近的项目中，我通过传递不同的参数，复用同一组件进行渲染，然而意外出现一个bug，就是当我重新刷新该页面时，会新增一个tab 原来的： 刷新页面后： 查阅资料后，发现该现象是由于通过params进行传递的参数引起的，params进行传参后再次刷新页面，参数丢失，导致fullpath不一致，从
阅读全文
摘要：参考: https://uzshare.com/view/788446 https://router.vuejs.org/zh/ $route 是“路由信息对象”，包括 path，params，hash，query，fullPath，matched，name 等路由信息参数。 ① $route.pa
阅读全文
摘要：参考： https://segmentfault.com/q/1010000011347642 https://weiku.co/article/297/ vue监听input输入框的回车事件：keyup事件，加enter修饰符。如果input是组件，加上.native修饰符。 例如： @keyup
阅读全文
摘要：经过测试得出： 使用element-ui的表格，并在table中设置固定height会出现表头错位的现象（不知道是什么bug） 解决方案： 将height改为max-height，设置固定高度为最大高度，可以解决表头错位的现象 补充两个属性： border：是否带有纵向边框 stripe：是否为斑马
阅读全文
摘要：参考： https://www.cnblogs.com/ainyi/p/9340311.html https://blog.csdn.net/weixin_41888813/article/details/86735664 created() { this.fetchLink() }, watch:
阅读全文
摘要：界面： 主要代码： 搜索框： <el-form ref="searchForm" :inline="true" :model="searchMap" style="margin-top: 20px;margin-left: 0px" > <el-form-item prop="companyName
阅读全文
摘要：参考： https://segmentfault.com/a/1190000016199721 1、通过使用的http-proxy-middleware来实现跨域代理 devServer: { disableHostCheck: true, // 新增该配置项 port: 8666, publicP
阅读全文
摘要：官方文档：https://element.eleme.cn/#/zh-CN/component/radio 参考：https://www.cnblogs.com/steamed-twisted-roll/p/10120106.html https://segmentfault.com/q/10100
阅读全文
摘要：参考：https://blog.csdn.net/u012724595/article/details/82703579 <!-- gps弹窗 --> <el-dialog v-dialogDrag width="500px" title="Gps位置" :visible.sync="dialogF
阅读全文
摘要：1、设置css：参考https://www.jianshu.com/p/a3eb60b75b92 <style> .el-dialog { max-height: 600px; display: flex; flex-direction: column; } .el-dialog__body { o
阅读全文
摘要：参考vue官方文档：https://router.vuejs.org/zh/guide/essentials/navigation.html // 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路由 router.
阅读全文
摘要：1、在EasyMock 中添加数据列表模拟接口 请求url：/suyuan/list 请求方式：get 描述：数据列表 mock.js配置： 例： { "code": 2000, //状态码 "flag": true, "message": "查询成功", "data|20": [{ "id|+1"
阅读全文
摘要：路由跳转参考文档：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 在/src下创建permission.js进行权限校验 并在main.js中全局引入： import './permission' /** * 权限校
阅读全文
摘要：1、sockjs.js?9be2:1606 GET http://localhost:8566/sockjs-node/info?t=1569478261510 net::ERR_CONNECTION_REFUSED https://segmentfault.com/q/10100000050455
阅读全文
摘要：1、创建Mockjs接口 method：post url：/user/logout 描述：退出系统 response： { "code": 2000, //状态码 "flag": true, "message": '退出成功' } 2、在src/api/login.js中导出获取返回退出信息的函数：
阅读全文
摘要：1、在view文件夹下创建login文件夹，创建index.vue：代表登录的组件 配置router.js,导入登录组件 import Vue from "vue"; import Router from "vue-router"; // 导入登录组件’ import Login from './v
阅读全文
浙公网安备 33010602011771号