![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作问题
板栗栗
这个作者很懒,什么都没留下…
展开
-
ElementUI 避免出现多个message同时出现
element ui 避免多个提示框同时出现原创 2022-01-06 11:31:41 · 1316 阅读 · 0 评论 -
Nuxt 根据用户身份跳转不同页面(路由)
场景需要根据用户登录的账号角色跳转不同的页面即路由,比如分为正式账号和演示账号。解决方法1. 在每个页面使用来区分坏处就是页面区分的太散乱,后期维护的成本较大2. 使用中间件middlewarea. 在 middleware 下新建demo.jsexport default function ({ isServer, req, redirect, route }) { let url = process.env.NODE_ENV === 'public' ? 'xxxx' : 'xx原创 2021-04-28 20:37:06 · 756 阅读 · 0 评论 -
在 Nuxt中使用滚动组件 vue-seamless-scroll
在公司基于Nuxt项目中需要使用滚动组件,刷新之后会报错window is not defined1. 安装 vue-seamless-scrollnpm install vue-seamless-scroll --save2. 更改配置文件报错 window is not defined,是由于nuxt是基于服务器渲染的框架,服务器渲染时没有wiindow定义的。VUE报错:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在其中嵌套块级元素或丢失。在原创 2021-04-26 10:46:05 · 1654 阅读 · 0 评论 -
vue+elementui el-select选择框异步请求选项列表,$set之后显示的value值
场景两个el-select 联动的选择框,选完第一个框异步加载第二个框的选项列表并给第二个选项赋值为选项的第一个值<template> <el-select v-model="formData.data1" @change="onChange" > <el-option v-for="item in option1" :key="item.id" :l原创 2021-04-23 17:52:50 · 3477 阅读 · 1 评论 -
Nuxt中keep-alive的使用
layouts/default.vue<nuxt keep-alive :keep-alive-props="{include: includeArr }"/><script> export default { data() { return { includeArr: [ 'ServicerManageProjects', 'DataReportData', ]原创 2021-04-12 17:29:22 · 565 阅读 · 0 评论 -
纯前端多选表格table批量删除
在工作中对表格的数据进行删除,一般来说都是与后端进行联调。但是也会遇到这种情况,对表格删除操作的时候不需要与后台对接,在对表格数据进行删除后点击保存的时候才与后台对接。今天写这个功能的时候首先想的是两个for循环,这样写起来会代码会比较多且很复杂。抱着对简短优美代码的追求。handleDeleteSelection() { this.multipleSelection.forEac...原创 2020-03-05 20:39:41 · 1819 阅读 · 1 评论 -
优化代码:table中遇到将某一列代码转述成表述值
在工作中经常遇到一个场景,在表格数据与后台接口交互的过程中,某一列后台只会传一个code,但是实际上在表格上要展示的事code对应的描述值。// 后台传来的数据:tableData: [ { userName: '张三', typeCode: '1' }, { userName: '李四', typeCode: '2' } ], // 类型对应表 typeOption: [ ...原创 2020-03-05 00:15:31 · 110 阅读 · 0 评论 -
vue-element-ui 步骤条Steps限制已成功的步骤进行点击跳转
最近工作中使用到了element-ui中steps组件,需求是:步骤(数量)会因为某些条件进行变化对于已通过的步骤可以点击步骤进行跳转对于未通过的步骤鼠标要有禁止的提示因为原本组件是没有这些功能的,所以要自己对step进行优化。因为某个步骤下是分四个人做,所以步骤内容是以组件的形式分开上代码<template> <div class="main"> ...原创 2020-03-04 16:45:24 · 9483 阅读 · 1 评论