qq_875143287-优快云博客

原创 vue v-if高级封装用函数封装代码

使用mixins混入代码实现对v-show的高级封装，简化代码结构，可以跳过复杂的父子组件传值调用方法，直接在$refs上关闭混入设计代码父组件代码示例子组件代码示例子组件代码2使用方法父组件显示隐藏子组件使用方法2 子组件显示隐藏兄弟组件总结当页面的结构。逻辑比较复杂时，比如一个父页面有2个弹框，打开一个另一个需要关闭，反复调用可能导致页面代码比较混乱这个时候可以考虑用混入代码进行封装，已达到...

2020-04-17 17:20:57 1499

原创如何使用 ESlint + prettier 建立规范的vue3.0项目

如何使用 ESlint + prettier 建立规范的vue3.0项目前言一个完整的项目必然是多人合作的开发项目，为了提升代码的质量，统一代码风格成了每个优秀的项目的必然选择，本期用现在最流行的ESlint + prettier在VUE3.0的环境下建立一个自动格式化符合eslint标准规范的项目。1 如何配置文件1 新建VUE3.0的项目使用配置如下图不一定要完全依照下面配置...

2020-04-05 02:02:41 1071

原创 vue tabs编辑初学者教学帖

小白专用记一个简单的vue tabs 编写详解知识点简单的tabs 切换（小白教学贴）代码如下简单的tabs 切换（小白教学贴）一段简单的tabs切换能帮助你很快熟悉vue的一些基本的标签与使用，本代码在vue中用简单的vue指令设计一个tabs 切换显示不同的界面可以配合移动端使用路由。图片:代码如下// An highlighted block<template&...

2019-09-02 11:24:27 386

原创 ng-alain懒加载模块未添加导致NZ模块未识别Can't bind to 'nzExtra' since it isn't a known property of 'nz-card

ng-alain懒加载模块未添加导致NZ模块未识别Can't bind to 'nzExtra' since it isn't a known property of 'nz-card'.1. If 'nz-card' is an Angular component and it has 'nzExtra' input, then verify that it is part of this...

2019-03-20 11:29:45 2442

原创 ng-alain 路由配置路由配置正确但是强制弹出404窗口

ng-alain 出现路由配置正确但是强制弹出404如图已经成功配置了ng-alain的路由，在angular项目中是运行正常的，但是在ng-alain中出现强制404。路由的路径是正确的，模块已经注册. 出现原因，ng-alain的RouteRoutingModule模块是加载在最后的，新注册的模块必须添加在RouteRoutingModule之前，否则会默认不检测后面的路由模块，...

2019-03-13 17:31:07 1155 3