vue项目调用jssip_在Vue项目中实现全局调用,js中调用组件,this,$方案调用

本文介绍了如何在Vue项目中全局调用组件并实现参数传递,以jssip为例,展示了在组件内、外部如何通过Vue.prototype.$msgTip调用组件方法和监听事件,提供了详细的代码实现过程。
摘要由CSDN通过智能技术生成

需求:

首先能传参,想要在全局中调用组件,而且要在某些js文件内调用,还能在任意组件内像this.$router这种调用。组件内有很多功能,要能监听到组件内的不止两个的事件。

开始:

vue组件

题目

{ { content }}

尾部

export default {

name: 'message-tip',

props: {

duration: {

type: Number,

default: 3000

},

content: {

type: String,

default: 'q'

}

},

components: {},

methods: {

showTitle() {

console.log(2222);

},

sendTitle() {

this.$emit('gogo',123456)

},

sentFoot() {

this.$emit('ww',6666666)

}

}

};

index.js

// /src/components/MessageBox/in

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值