zihong2019的博客

目录element plus 引入icon方法直接引入、按需引入、全部引入

Vue 权限的三种实现方式（带源代码）几种方案方案一：后端返回此用户可以访问的路由的name的表方案二：后端返回此用户的权限级别方案三：后端返回此用户的可以访问的所有的路由表源代码：https://github.com/HYzihong/vue2-router-permissions几种方案对于后端返回来可选则的权限方案：plan1(branch:plan1): 返回路由 name 的是否可访问的表，例如：{page1:true,page2:true,page3:false}plan2(br

Modularizing为了按照功能组织代码，我们把代码移出setup组成一个复合函数,在setup中调用这个复合函数。<template> ...</template><script> ... setup(){ return useEeventSpace(); } function useEeventSpace(){ const capacity = ref(3) const attending = ref

Methods & Computedmethods基本使用<template> <div> {{capacity}} <br> <button @click="increaseCapacity()"> ++ </button> </div></template><script> ... setup(){ const capacity

setup&ref什么时候使用composition apiTypescript 支持巨型组件需要按特性/功能（feature）组织代码跨组件重用代码setup(){}setup方法在 Components 、Props 、 Data 、 Methods 、 Computed Properties（计算属性）、Lifecycle methods (生命周期方法)之前执行setup也不能访问 thissetup有两个可选参数（optional arguments）

vue2 vue3 打印插件 vue-print-nb目录:vue2 vue3 打印插件 `vue-print-nb`兼容性：Firefox 、Chrome都兼容，文档说还兼容IE版本：vue2、vue3都兼容地址([npm](https://www.npmjs.com/package/vue-print-nb))基本使用兼容性：Firefox 、Chrome都兼容，文档说还兼容IE版本：vue2、vue3都兼容地址(npm)基本使用下载安装、注册为全局组件npm install vue

Vue报错 Variable ‘scope’ is already declared in the upper scope’项目场景：Vue "vue": "2.6.10",Eslint : "eslint": "6.7.2",eslint-plugin-vue : "eslint-plugin-vue": "6.2.2",问题描述： <el-table :data="..." ... > <el-t

cypress 7.4 使用目录:cypress 7.4 使用安装` cypress`启动 ` cypress`安装cypress npm install cypress --save-dev or yarn add cypress --dev启动 cypress# npm./node_modules/.bin/cypress openor$(npm bin)/cypress open# npxnpx cypress open# yarn yarn run

Element ui 表格(table)实现缩略图放大(再放大)的两种方法目录：Element ui 表格(table)实现缩略图放大(再放大)的两种方法优缺点：方法一：使用 `` 实现缩略图放大的效果方法二：使用 `Popover 弹出框`实现缩略图放大的效果优缺点：el-image放大的缩略图可以继续放大缩小或全屏展示，但是需要点击关闭才可以关闭展示框；全网说烂了的Popover 弹出框可以悬停 / 点击显示简单的缩略图放大，使用简单；建议大家根据使用场景，用户的使用效果来选择使用方法一