weixin_44015855的博客

原创 2021-05-01

原创 2021-05-01

min-width—— 全局样式表解决如下图中右边窗口往左边拉动，左边窗口里的内容样式发生改变的问题即在asset/css/global.css全局样式组件中添加min-width即可：这样即可解决窗口拉动的问题

原创 2021-04-20

可删除标签如下：点击标签的‘x’实现标签的删除1、使用：element-ui—tag标签—closable属性—close关闭标签触发的事件

原创 2021-04-19

translate()函数translate()函数是css3语法中的transform属性的一个方法，实现元素的平移语法如下：transform: translateX(x)——往水平方向（x轴）移动transform: translateY(x)——往垂直方向（y轴）移动transform: translate(x,y)——同时往水平方向和垂直方向移动使用该语法，要居中的元素应为绝对位置（position: absolute）...

原创 2021-04-17

vue请求获取数据的方式：一、vue-resource方式请求获取数据1、npm/cnpm安装：npm install vue-resource --save或 cnpm install vue-resource --save（使用淘宝镜像快速安装）–save目的是在package.json中引用，表示在生产环境中使用。因为如果想要打包代码给其他人或者上传到github，又或者要发布代码时，package.json就是安装所需要的包。若只在开发环境中使用，则只需要–save-dev。2，

原创 2021-04-17

插槽

原创 2021-04-15

##为表格添加索引列-- Table-column Attributestype：对应列的类型。如果设置了 selection 则显示多选框；如果设置了 index 则显示该行的索引（从 1 开始计算）；如果设置了 expand 则显示为一个可展开的按钮...

原创 2021-04-15

把左侧菜单改为路由链接即点击菜单栏的二级菜单，可以切换不同的组件页面，把二级菜单改为路由链接，加一个router属性即可：router 等价于 router=“true”NavMenu导航菜单的router属性：是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转因为路由都是以 ‘/’ 开头，所以此处需加上 ‘/’...

原创 2021-04-14

关于菜单栏的折叠与展开问题：NavMenu 导航菜单下的几个属性：collapse：是否水平折叠收起菜单（仅在 mode 为 vertical 时可用）；collapse-transition：是否开启折叠动画——菜单栏折叠时背景色也跟着折叠，其中64px是背景色宽度，可通过console查看；:collapse=“isCollapse”——是否水平折叠收起菜单，不可直collapse=“true”，因为collapse是接收一个布尔值，需在前面加个属性绑定（加“：”）；isCollapse—

原创 2021-04-14

菜单栏线条不整齐问题解决方法如下：或者通过类名选择器添加以下代码：

原创 2021-04-14

unique-opened属性——element-ui 菜单栏优化问题，使用该属性可以只允许展开一个菜单栏，其他默认关闭在标签中添加该属性即可添加unique-opened属性前，允许同时展开多个菜单栏添加unique-opened属性后，只允许展开一个菜单栏...

原创 2021-04-13

通过接口获取菜单数据通过接口获取菜单数据，实现由上述图片样式转变为以下图片样式：通过axios请求拦截添加token，保证拥有数据的权限获取左侧菜单数据返回数据格式如下：通过从 for 循环渲染左侧菜单...

原创 2021-04-13

##关于页面主体区域没有占满整个页面如上情况，可先检查元素查看是什么原因点击选中查看哪项没有占满全屏如上即显示没占满全屏，div标签有个子session，里面有个类el-container，即表示需在el-container标签位置里面添加相应代码：...

原创 2021-04-07

挂载路由导航守卫若你想通过登录页面跳转到其他页面，可通过挂载路由导航守卫实现，即在main.js中添加以下代码：router.beforeEach((to, from, next) => {// to 将要访问的路径// from代表从哪个路径跳转而来// next 是一个函数，表示放行// next() 放行 next（’/login’) 强制跳转if (to.path === ‘/login’) return next()// 获取tokenconst tokenStr = w