vue-企业微信绑定和解绑

一、企业微信绑定解绑

项目中需要对账号进行企业微信的绑定和解绑

企业微信页面显示：

<FormItem label="企业微信：">{{account.wechat}}<span class="link" @click="bindWechat" v-if="!account.wechat">绑定</span><span class="link" @click="unBindWehat" v-else>解绑</span>
</FormItem>

二维码模态框：

<Modal v-model="bindWechatModal"><div><iframe height="400" width="400" frameborder="0" :src="bindWechatUrl"></iframe></div>
</Modal>

1.点击绑定微信，显示二维码模态框

bindWechat() {let param = {redirectUri: location.href.toString().split('?')[0]};R.Account.buildAuthorizationUrl(param).then(resp => {if (resp.code) {this.bindWechatModal = true;this.bindWechatUrl = resp.body;}});
}

2.企业微信扫描后，会重新刷新页面
关键就在页面重新渲染，调用mounted里的方法，
扫描后此时this.$route.query.code是有的，所以会调用bindCpAccount方法

mounted() {if (this.$route.query.code && !this.account.wechat) {this.bindCpAccount();}
}

绑定接口

bindCpAccount() {let param = {code: this.$route.query.code};R.Account.bindWechat(param).then(resp => {if (resp.code) {this.$Message.success('绑定成功');this.account.wechat = resp.body;this.bindWechatModal = false;this.$router.push(this.$route.path);}});
}

此时才算是成功绑定了企业微信，页面也会重新获取到企业微信数据。

3.解绑企业微信：
点击解绑

unBindWehat() {this.$Confirm('确定要解绑当前企业微信吗？', '温馨提示').then(() => {R.Account.unbindWechat().then(resp => {if (resp.code) {// window.location.href = this.$route.path; // 解绑后不刷新页面，否则不能出现重新绑定的提示this.account.wechat = '';// 提示绑定新企业微信this.$Message.info('该账号未绑定企业微信，绑定后进行正常操作');this.bindWechat();} else {this.$Message.warn(resp.msg);}});}).catch(() => {});
},

解绑调接口后分两种情况：
（1）解绑后提示重新绑定
不需要 window.location.href = this.$route.path;
需要 this.bindWechat();
以上代码就是提示重新绑定的情况。
（2）解绑后不提示重新绑定
需要 window.location.href = this.$route.path;
不需要 this.bindWechat();

vue-企业微信绑定和解绑相关推荐

微信绑定/解绑设备ticket
在微信绑定和解绑的时候需要一个ticke来进行该过程可是一直没有获取到ticket 一直都是返回fail 后来发现原来是需要在原来是需要初始化设备库,才能或得到ticket
7月个人：Windows和Linux绑定和解绑ARP 了解ARP命令的用途。掌握ARP命令的使用。...
Windows和Linux绑定和解绑ARP 了解ARP命令的用途. 掌握ARP命令的使用. ARP地址解析协议是一个重要的TCP/IP协议,可以用于确定对应ip地址的网卡物理地址.也可以使用人工方式输 ...
11-jQuery的事件绑定和解绑
[转]11-jQuery的事件绑定和解绑 1.绑定事件语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数. 参数解释: type ( ...
jQuery的事件绑定和解绑
1.绑定事件语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数. 参数解释: type (String) : 事件类型 data ( ...
安卓案例：绑定和解绑服务
安卓案例:绑定和解绑服务一.运行效果二.实现步骤 1.创建安卓应用BindUnbindService
DPDK 网卡绑定和解绑
参考: DPDK网卡绑定和解绑 DPDK的安装与绑定网卡 DPDK 网卡绑定和解绑注意: 建议不要使用本文的eth0网卡绑定dpdk驱动. 1.进入DPDK目录: $ cd dpdk/tools/ ...
android 绑定服务解绑服务,安卓案例：绑定和解绑服务
安卓案例:绑定和解绑服务一.运行效果二.实现步骤 1.创建安卓应用BindUnbindService 2.准备背景图片background.jpg,放到mipmap目录里 3.布局资源文件acti ...
JS事件的绑定和解绑
/* 事件三要素 1.事件源:在谁的身上绑定事件 2.事件类型:什么事件 3.事件处理函数:当行为发生的时候,执行那一个函数 ==>div.οnclick=function(){} ==> ...
JS中事件的绑定和解绑
JS中事件的绑定和解绑一. 了解事件 1. 事件的三要素 2. 事件绑定分类 2-1. dem0级事件 2-2. dom2级事件二. 事件的绑定 1. dom0级事件 2. dom2级事件 ...

vue-企业微信绑定和解绑

一、企业微信绑定解绑

vue-企业微信绑定和解绑相关推荐

最新文章

热门文章