父组件监听子组件的值

方法一:

目录下新建 bus.js

// eventbus传值  new 的vue实例
import Vue from 'vue'
export default new Vue()

子组件中使用方法:

父组件:

方法二:监听sessionStorage

在main.js中添加

Vue.prototype.resetSetItem = function (key, newVal) {
  if (key === 'ulIndex') {
    // 创建一个StorageEvent事件
    var newStorageEvent = document.createEvent('StorageEvent')
    const storage = {
      setItem: function (k, val) {
        sessionStorage.setItem(k, val)
        // 初始化创建的事件
        newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null)
        // 派发对象
        window.dispatchEvent(newStorageEvent)
      }
    }
    return storage.setItem(key, newVal)
  }
}

在要监听的页面中使用:


                    
                    

你可能感兴趣的:(javascript,vue.js,前端)