yaoxfly-tools

介绍

公共类库

安装教程

npm i yaoxfly-tools

使用说明

1. KeepAlive

使用 `KeepAlive` 保持前进 刷新 后退缓存 目前方法用于后台管理系统

• 第一步在 main.js 引入

import Yxtools from "yaoxfly-tools";

• 第二步在 main.js 中使用

let assembly = ["about", "home"];
YxTools.KeepAlive({ router, assembly });

• 第三步在 router.js 中左侧包含的菜单中(第一级路由)使用

meta: {
 keepAlive: true
}

• 第四步在 router.js 中左侧包含的菜单中(第一级路由)使用

<keep-alive>
    <router-view v-if="$route.meta.keepAlive" />
</keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />

• Options |参数|说明|类型|可选值|默认值|平台差异| |--|--|--|--|--|--| |router|vue-router 对象|object|—|—|H5| |assembly |左侧菜单栏里的所有值(第一级路由) |array|—|—|H5|

tips: Tools.KeepAlive 固体用法,不可更改 router, assembly 这两个属性名不可修改 assembly 数据里包含的是左侧菜单栏里的所有值(第一级路由)

注意:

如果是有嵌套的子路由,那么父路由的 <router-view></router-view>
不需要加 <keep-alive>

2. ForbidScaling

使用 ForbidScaling 能够禁止网页缩放并能够做出提示

• 第一步在 main.js 引入

import Yxtools from "yaoxfly-tools";

• 第二步在 main.js 中使用

YxTools.ForbidScaling()
  .setForbidScaling({ preventDefault: true, message: false })
  .then(res => {
    // console.log(res);
    if (res) {
      alert(true);
    }
  });

• Options |参数|说明|类型|可选值|默认值|平台差异| |--|--|--|--|--|--| |preventDefault|是否阻止缩放行为|boolean|—|true|H5| |message|是否需要提示 回调函数 |boolean|—|true|H5|