首页 > 编程知识 正文

给vue定义全局的方法,vue全局变量 其他页面能调用

时间:2023-05-04 05:11:50 阅读:243113 作者:4764

一、在vue里经常遇到要传递变量,我采用的方式是定采一个全局变量文件,global.js,在文件量设置全局变量,然后再设置成能修改;以下是方法:
二、在components文件夹里添加一个common文件夹,在common下添加一个global.js,当然也可以在其它路径添加js文件,文件名也可以自定:
export default {
curid : “”,
//修改curid的值
setcurid(curid) {
this.curid = curid;
}
}
三、在main.js下注册这个文件:
//全局变量
import global from ‘./components/common/global’

Vue.prototype.gkeys = global

四:调用方法:
在需要调用页面:
let _this= this;
let curid =_this.gkeys.curid;
五:修改变量的值:
let _this = this;
_this.gkeys.setcurid(item.id);
item.id为你要修改的值;
六:监听curid的值
6.1、在computed中设定要监定的值:
computed: {
isFollow() {
return this.gkeys.curid; //需要监听的数据
}
},
6.2、在 watch中监定变量的值:
watch: {
deep: true, //深度监听设置为 true,根据情况要不要深度监听
isFollow() {
console.log(“新id:” + this.gkeys.curid);
this.getUserDetail();
}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。