湖深似海-优快云博客

原创后台管理之动态路由

初始路由let constRouter = [ { path: '/login', name: '登录页', component: LoginView }, { path: '/index', name: '首页', redirect: '/home' }]路由白名单以及一些权限的判断let router = new Router({ routes: constRouter})// 白名单const whiteL.

2021-04-14 15:19:41 506

原创 veu axios 中 async await的两种使用方法

前言：有效使用async await 会少很多问题0. 未使用async await前代码：feach() {console.log('我是请求前：' + new Date().toLocaleTimeString()) this.$get(this.path, { ...params }).then(r => { console.log('我是请求结束中：' + new Date().toLocaleTi.

2021-04-14 09:49:54 357

原创关于前端后台管理系统Vue自定义用户权限指令1.0

关于前端后台管理系统Vue自定义用户权限指令1.0前言：后台管理系统里面权限是十分重要的，也是前端必须掌握的，虽然有些项目后端会定义权限，但是前端这边也需要同意进行权限的判断进行双重保险。0. 首先后台数据（我们是每个模块都有自己权限名称，根据各自的情况可以简化）1. 前台自定义指令// 定义一些和权限有关的 Vue指令// 必须包含列出的所有权限，元素才显示export const hasPermission = {// 自定义指令API install...

2021-04-13 20:09:51 290

原创后台管理项目----axios的封装

后台管理项目axios的封装首先引用相关模块// axios 引用import axios from 'axios'// 相关UI框架引用本文用的 ant vueimport {message, Modal, notification} from 'ant-design-vue'// vuex引用import store from '../store'// 本地存储引用import db from './localstorage'公共请求头的设置const con

2020-12-04 15:17:30 309

原创 Vue项目防抖

const delay = (function () { let timer = 0 return function (callback, ms) { clearTimeout(timer) timer = setTimeout(callback, ms) }})()上面防抖函数写在组件script标签里面。delay(() => { // 执行部分 this.getQQun(value) }, 500).

2020-09-15 16:44:38 212

原创关于poprs传值到data里面数据一直获取不到的问题。

这个坑遇到好几次了，多次吐血。终于下定决心把他记录下来。结论：子组件的data里面数据是能直接被props里面的值赋值的。父组件：<子组件 :myProp="msg"></子组件>data () { return { msg: ''}方法 { this.msg = XXXX}}子组件：这样赋值是可以的prop:['myProp'],data () { return {

2020-08-20 11:02:31 910

原创子组件通过v-if 来控制显示隐藏与 ref ，DOM渲染的问题！

注释：通过v-if来控制子组件显示隐藏，然后发现子组件的this.$refs都是undefind.的问题首先是父组件通过 poprs来进行传递数据控制子组件的显示隐藏。子组件再父组件的引用子组件是通过该属性然后v-if来控制显示隐藏。然后操作就是获取子组件的$refs的DOM元素，结果发现获取不到，再mothed里面也是获取不到的。后面查资料后发现，refs不是动态，需要等页面渲染完成后才能拿到DOM元素。问题清晰后，有几种方法可以解决，就是解决v-if当..

2020-08-05 15:02:03 6156

原创 “Error in render: “TypeError: Cannot read property ‘0‘ of undefined“”渲染错误问题

做Vue项目的时候多次遇到这个问题，记一下已备后续查看，一般是因为组建生命周期渲染DOM元素以及异步加载数据的时候造成的。异步加载数据赋值，然后子组件来用，这样就会出现标题的报错，提示是渲染问题，没有数据，这是因为异步加载数据的时候，比较慢，比子组件渲染DOM元素的速度要慢，所有造成一开始渲染的时候子组件接到的值为undefined的情况。解决办法：通过v-if来进行判断是否有值，如果有值就加载dom元素，没有就不加载可以解决...

2020-07-30 14:40:36 430

原创 Vue父子组件生命周期与v-if

前提：子组件受父组件的变量控制显示隐藏v-if。父<template> <div class="home"> <home-child :show="msg" /> <button @click="btnClick">按钮</button> </div></template><script>import HomeChild from './HomeChild.vue'export defa

2020-06-24 09:23:40 1759

原创浅谈Ant Design of Vue（一）

关于Ant Design of Vue的一些坑刚接触Ant Design of Vue的时候十分头疼，因为之气接触的不是这种后台管理类型的UI框架，但因公司需要，还是开始熟悉了起来。1. 表格：标签：<a-table>表格标签渲染数据必须加key，负责会报重复渲染的错误{ key: 0, // 避免重复渲染，并且是唯一标识 date: '2018-02-11', amount: 120, type: 'income',

2020-06-10 17:22:48 8505

原创 vue双向绑定

浅析Vue双向绑定双向绑定：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。那么，Vue是如何实现的呢？vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回...

2020-04-28 13:02:16 321

小明的博客