qq_31565213的博客

在后台管理系统中基本上都会有字典之类的操作。这类操作有一个共性：相同接口、不同参数返回不同的目标数据、数据结构一致。使用上无非是一些下拉选项、多选、状态翻译等。有一个很实际的问题，A页面中存在某个下拉B页面也存在，一般的做法是两次请求，分别获取数据。但是当项目中字典数据应用越来越多的时候，大量重复的请求无法避免，造成资源浪费。实现方案为：当需要的时候进行缓存，再次使用的时候直接取数据，不用再次请求。优点是灵活，按需就取。缺点是，依赖发布订阅模式（Vue中双向绑定），每次都需确认调用。

某次项目要使用穿梭框进行数据选择，项目使用的element-ui框架，框架中的穿梭框是这样子的：好像不能满足我的需求，因为需要展示很多内容，包括图片等信息，也要加上很多样式等等，我尝试这去改造，一会后觉得还是自己动手去写一个靠谱。几经鼓捣效果如下：基本上实现了一个穿梭框。以上是展示内容，不包含实际使用。具体可以自定义实现其中的渲染格式。比如上干货<template> <div class="shuttle" :style="{'height':...