首页 > 其他分享 >vue 混合方法mixins 协可以写入公共的方法

vue 混合方法mixins 协可以写入公共的方法

时间:2024-07-12 10:22:59浏览次数:7  
标签:vue mixins callback AlipayJSBridge mixin ready 方法

新建一个文件夹mixins  同views 同级

export default {
  data() {
    return {
    };
  },
  mounted() {
  },
  methods: {
    // 修改标题方法
    ready(callback) {
      // 如果 jsbridge 已经注入则直接调用
      if (window.AlipayJSBridge) {
        callback && callback();
      } else {
        // 如果没有注入则监听注入的事件
        document.addEventListener('AlipayJSBridgeReady', callback, false);
      }
    },
  }
}

 然后在main.js中引入 (公共的 )

import mixin from '@/mixins';
// 全局混入
Vue.mixin(mixin);

 最后在页面中调用   此方法为标题修改

  created() {
    this.ready(() => {
      AlipayJSBridge.call('setTitle', {title: '组织变更用户权限处理',}, res => {
      });
    })
  },

 

标签:vue,mixins,callback,AlipayJSBridge,mixin,ready,方法
From: https://www.cnblogs.com/xiaoxiao2017/p/18297682

相关文章

  • 基于java+springboot+vue实现的在线教育系统(文末源码+Lw)111
    基于SpringBoot+Vue的实现的在线教育系统(源码+数据库+万字Lun文+流程图+ER图+结构图+演示视频+软件包)系统功能:本在线教育系统管理员功能有个人中心,用户管理,讲师管理,普通管理员管理,课程管理员管理,课程管理,课程分类管理,教师管理,名师管理,系统管理,订单管理。普通管理员和课程......
  • 基于java+springboot+vue实现的作业管理系统(文末源码+Lw)110
    基于SpringBoot+Vue的实现的作业管理系统(源码+数据库+万字Lun文+流程图+ER图+结构图+演示视频+软件包)功能描述:作业管理系统有管理员,教师,学生三个角色。教师和学生都可以进行注册然后再登录。学生可以修改自己的密码,查看和下载作业信息,并且可以提交自己写好的作业,并且可以......
  • 小红书笔记-带货:批量复制铺货,按照方法操作快速出单
    本文旨在为电商运营者提供小红书平台的运营策略和实操技巧。通过对课程内容的深入分析,本指南将指导读者如何在小红书平台上高效地进行商品推广和销售。关键词:小红书,电商运营,商品推广,实操技巧1.引言在当前电商领域,小红书以其独特的社区氛围和用户基础,为商家提供了一个新的......
  • VUE购物车案例
    目标效果1、创建vm对象绑定class=app的标签,创建goodlist和buyGoods变量2、html页面编写for循环指令,将goodlist中的数据取出来3、全选和全不选,计算总价https://blog.csdn.net/kouryoushine/article/details/87984749https://blog.csdn.net/mutouren121/article/detail......
  • Nginx部署vue项目到本地windows
    部署1.将build生成的dist目录复制到nginx下的html目录中。 2.修改ningx里的ningx.conf文件,(解决404的那段代码可以不加)3.重启nginx,浏览器访问“ http://localhost:8080/ ”,即可。4.第二种:因为nginx可能会部署多个项目,针对不同项目增加配置是一种很正常的操作。(需要新增一......
  • lazreport调用fr3格式的方法
    近日使用时发现lazreport自带调用fr3的功能,按下面的方法调用就可以:1、uses添加fr3tolrf2、form添加frreport3、使用LoadFastReport3调用fr3文件LoadFastReport3(frReport控件名称,fr3格式的文件,返回相应信息); unitUnit1;{$modeobjfpc}{$H+}interfaceusesClas......
  • 如何用Vue3和Plotly.js创建交互式表格?
    本文由ScriptEcho平台提供技术支持项目地址:传送门Plotly.js动态生成HTML表格应用场景介绍在数据分析和可视化领域,经常需要以表格的形式展示数据。Plotly.js是一款功能强大的JavaScript库,不仅可以创建交互式图表,还可以动态生成HTML表格。代码基本功能介绍本代......
  • 如何用Vue3和Plotly.js绘制交互式瀑布图
    本文由ScriptEcho平台提供技术支持项目地址:传送门使用Plotly.js在Vue中创建瀑布图应用场景瀑布图广泛用于可视化财务报表和展示增量变化,例如利润表、现金流量表和收入分析。它们通过将正值和负值堆叠在垂直轴上,清晰地展示每个阶段的贡献和变化。基本功能本代码演......
  • 如何用Vue3和Plotly.js创建交互式平行坐标图
    本文由ScriptEcho平台提供技术支持项目地址:传送门Vue.js中使用Plotly.js创建平行坐标图应用场景介绍平行坐标图是一种可视化高维数据集的强大技术。它可以帮助我们探索不同维度之间的关系,并识别模式和异常值。在Vue.js应用程序中,我们可以使用Plotly.js库轻松创......
  • 【BUG】Python3|COPY 指令合并 ts 文件为 mp4 文件时长不对(含三种可执行源代码和解决方
    文章目录前言源代码FFmpeg的安装1下载2安装前言参考:python合并ts视频(三种方法)使用FFmpeg合并多个ts视频文件转为mp4格式Windows平台下,用Python合并ts文件为mp4文件常见的有三种方法:调用COPY指令,运行copy/b*.tsoutput.mp4;需要注意的是[......