vue页面传值的方法

除了我们常见的父传子，子传父。一般页面传值的方法如下：建立一个公共buy.jsimport Vue from 'vue';export default new Vue();在需要使用的页面引入如A页面需调用B页面方法A页面引入import buy from '../../../../buy.js'buy.$emit('updateQb');B页面引入import buy from '../../b

文仔酱酱酱

3623人浏览 · 2021-08-30 17:27:48

文仔酱酱酱 · 2021-08-30 17:27:48 发布

除了我们常见的父传子，子传父。一般页面传值的方法如下：

建立一个公共buy.js，代码如下

import Vue from 'vue';  
export default new Vue();

在需要使用的页面引入

如A页面需调用B页面方法

A页面引入 import buy from '../../../../buy.js'

buy.$emit('updateQb','我是A传给B的内容');

B页面引入 import buy from '../../buy.js'

mounted(){
           var that = this; //为了区分项目中的vue和引入的挂载传值的vue(这里指的项目中的vue)
           buy.$on('updateQb', function (val) {
           that.test=val
           })
   },