等时钟成长

权限菜单

Vue中<style>的scoped和v-deep组件样式在vue中，我们通过<template>写HTML，<script> 写JavaScript，而把样式放进<style>中。但是直接写在<style>中的css是全局的，不同组件间的样式会互相影响。所以组件内部的样式我们一般加上scoped标记，避免不同组件间样式的影响。但是有时候（例如引用第三方组件时）我们发现加了scoped的样式并不起作用，所以我们会有/deep/ 、>&gt

博主在项目中使用饿了么的dialog组件内嵌table组件时遇到问题，发现当为table重复赋相同值时会出现表格不显得错误，遇到同样问题的朋友可以避免。可以点击打开链接跟我一起操作。1.点击打开嵌套表格的dialog，发现对话框中表格是好多数据；2.点击get按钮，再点击打开嵌套表格的dialog，发现对话框里只有一条数据；3.再点击get按钮，再点击打开嵌套表格的dialog，对话框中表格不再显...

当文本元素的type="password"的时候，各浏览器识别到以后就会用星号、点号等使密码隐藏。各浏览器都会遵循这一协议进行html元素解析，然后渲染显示在页面。

重点：不管是全部引入还是按需引入，都要安装element-ui的。 npm i element-ui -D 完事后可以在package.json的dev标签下看到element。 npm i element-ui -D （解释一下：npm是node包管理器，i是install的简写，-D是dev的简写，表示开发依赖） npm install babel-plugin-co...

很多时候，一个组件库往往不能满足我们的需求，我们可以同时引入多个组件库，但这样会导致一些“不兼容”的现象出现。例如，博主在应用中使用 vuetify中的 toolbar 和 iview 的Select 或者 DatePiker 等结合在一起，结果会出现下拉菜单被echarts图表挡住的现象。图一（没有绘制echarts图表时）：图二（绘制玩图表再选时间时）：发现下拉菜单被挡住...

树形菜单导航Vue和Element实现1. menus树结构/** * 权限管理在后台，前端接收到的是已经过滤完的菜单树 * @menuId 菜单唯一识别 * @menuName 名称 * @icon 图标 * @parentId 父菜单，前端不用，后端用来嵌套树 * @route 只有叶子结点有路由 * @type 是菜单级别，只有一级菜单和二级菜单 * @orderNum ...

json-server和Mock搭建自己的临时API当可爱的后端同学需要打游戏，没时间给我们写接口时，可爱的前端需要自力更生了。1. 全局安装json-server全局安装cnpm install -g json-server2. 创建自己的mockdb文件夹创建项目文件夹mockdb初始化npm，一路回车即可，顺带本地安装mockjsnpm initcnpm inst...

Vue中使用Echarts绘图，DOM改变后重绘1. 我的项目背景首先，我使用Vue+Element-UI搭建的系统框架，左侧菜单栏和标题，右侧上方横条上有一个按钮，点击可以实现菜单栏的折叠与展开。2. Echarts图表不能重绘一开始的思路，是监听DOM变化，于是在网上搜索了一些方法，但是由于本系统并不会大量地改变DOM，没有必要监听DOM宽高的变化。系统中只有折叠和展开两个状态，所以...