Vue Icon 图标处理方案
Preface {#preface} ------------------ 在 Vue 前端项目中不可避免的要使用 icon svg 图标组件,对于这个组件它需要两种能力: 1. 显示外部 svg 图标。 2. 显示项目内的 svg 图标。 基于以上概念,我们先来实现显示外部 svg 图标。 显示外部 svg 图标 {#显示外部-svg-图标} ------------...
Preface {#preface} ------------------ 在 Vue 前端项目中不可避免的要使用 icon svg 图标组件,对于这个组件它需要两种能力: 1. 显示外部 svg 图标。 2. 显示项目内的 svg 图标。 基于以上概念,我们先来实现显示外部 svg 图标。 显示外部 svg 图标 {#显示外部-svg-图标} ------------...
在做一个用vite构建的vue3项目时,动态拉取菜单导入页面,然后一直报错,偶尔可以,偶尔不行。 ![](http://static.51tbox.com/static/2024-11-06/col/2c08cd8a55b67bfef67b1d01f1cc8fc8/a694aff2a20746d7bc5d0c546e4c6a1b.png.jpg) **问题描述** ----...
动态路由 ---- 如果你的网页有管理员、普通用户等多种角色类型,不同的角色能看到的页面/菜单应该是不同的,所以不同的用户登录之后应该监听到不同的动态路由和渲染不同的菜单,这个时候就需要用到动态路由。 简单来说就是根据用户信息获取其对应的权限,生成对应的路由挂载,然后动态渲染有权限的菜单于侧边栏菜单。 实现思路图示: ![来自掘金:小绿与小蓝](http://stati...
用脚手架安装的时候勾选了`eslint`,而`eslint`如果检测到跟他的规则不一致就会报错,`vue/multi-word-component-names`这个是用来检测当前的组件名称是否使用驼峰或多单词命名,`eslint`默认对其进行检测,所以需要修改一下eslint的检测规则。 在`.eslintrc.js`文件内增加如下规则即可。 ```lang-javascr...
安装 --- npm安装 ```lang-bash npm install --save nprogress ``` 或CDN引入 ```lang-html <script src='nprogress.js'></script> <link rel='stylesheet' href='nprogr...
```lang-cpp #include<stdio.h> int main(){ int i,x,zh,fu,li; zh=fu=li=0; for(i=0;i<=9;i++){ scanf("%d",&x); if(x>0)zh++; else ...
十进制转十六进制的具体方法: -------------- 对于整数部分,用被除数反复除以16,除第一次外,每次除以16均取前一次商的整数部分作被除数并依次记下每次的余数。另外,所得到的商的最后一位余数是所求二进制数的最高位。 对于小数部分,采用连续乘以基数16,并依次取出的整数部分,直至结果的小数部分为0为止。故该法称"乘基取整法"。 10进制数转换...
Dev-C++ 是一个轻量级的 C/C++ 集成开发环境(IDE),适合 Windows 环境中的初学者。 Dev-C++使用MingW64/TDM-GCC编译器,遵循C++11标准,兼容C++98标准。 开发环境包括多页窗口、项目编辑器、调试器等。在项目编辑器中,集成了编辑器、编译器、链接器等,同时还拥有丰富的系统软件-嵌入式实时操作系统。 提供高亮度的语法显示,减少编...
在c语言中使用变长参数最常见的就是下面两个函数了: |---------------|----------------------------------------------------------------------------------| | ``` 1 2 3 ``` | ``` int printf(const char *format, ...); i...
```lang-cpp int a.b; scanf("%d%d",&a,&b); ``` **12 34中间加空格** *** ** * ** *** ```lang-cpp char a,b; scanf("%c%c",&a,&b); ``` **ab中间不能加空格** *** ** * **...