主题

avue怎么保存用户自定义列表项（显隐，排序，冻结等）配置到本地，下次打开或重登录后保持上一次的设置（基于tj-vue2-tools工具集）

tj-vue2-tools

项目地址

tj-vue2-tools工具集

使用方法

1.在 main.js 中加入

import Vue from "vue";
import ElementUI from "element-ui";
import Avue from "@smallwei/avue";
import "@smallwei/avue/lib/index.css";
import "element-ui/lib/theme-chalk/index.css";
import axios from "axios";
import TjTools from "tj-vue2-tools";
const axiosOption = {headers: {},
};
Vue.use(ElementUI);
Vue.use(Avue);
Vue.use(TjTools, { axios: axios, axiosOption: axiosOption });

2.在组件中调用示例

console.log(this.$base64Encode("TJ的项目"));
console.log(this.$base64.encode("TJ的项目"));

工具集方法

base64 依赖 js-base64

base64 加密

/*** base64加密* @param {*} data* @returns*/
$base64Encode(data);

base64 解密

/*** base64解密* @param {*} data* @returns*/
$base64Decode(data);

base64 原生对象

/*** base64原生对象* @returns*/
$base64;

加载 avue 自定义配置

/*** 加载avue自定义配置* @param {object} vueObj 当前vue对象* @param {string} optionKey 本地存储的key* @param {string} defaultsName defaults.sync名称* @param {string} crudRefName  表格ref名称* @returns*/
$loadLocalOption(vueObj,optionKey,(defaultsName = "defaults"),(crudRefName = "crud")
);

保存 avue 自定义配置

/*** 保存avue自定义配置* @param {object} vueObj 当前vue对象* @param {string} optionKey 本地存储的key* @param {string} defaultsName defaults.sync名称* @returns*/
$saveLocalOption(vueObj, optionKey, (defaultsName = "defaults"));

还原/重置 avue 自定义配置

/*** 还原/重置avue自定义配置* @param {object} vueObj 当前vue对象* @param {string} optionKey 本地存储的key* @param {string} crudKeyName  表格key名称* @returns*/
$resetLocalOption(vueObj, optionKey, (crudKeyName = "key"));

下载图片

/*** 下载图片* @param {string} url 远程地址* @param {string} fileName 保存的名称* @returns*/
$downloadImg(url, fileName);

下载文件

/*** 下载文件* 把二进制文件保存到本地* fileUrl 为远程文件地址* 请求接口可能需要设置 responseType: "arraybuffer"* fileName: 文件名，需要带后缀** @param {string} fileUrl 远程地址* @param {string} fileName 保存的名称*/
$downloadFile(fileUrl, fileName);

下载 excel 数据[blob]到文件

/*** 下载excel数据[blob]到文件,axios请求时指定 responseType: "blob"* 把二进制文件内容保存到本地* data Blob文件内容* name: 文件名，需要带后缀** @param {Blob} data* @param {string} fileName*/
$downloadExcelData(data, fileName);