在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue相同層級組件之間傳值?

vue相同層級組件之間傳值?

實現(xiàn)將rm1組件中的token值,傳給rm2組件
事件總線
bugevents.js

import Vue from 'vue'

export default new Vue;

rm1.vue

<el-button type="text" @click="sendToken">
      刪除
</el-button>
------------
import bug from '../../../../static/js/bugevents.js';
data(){
        list: {
            token:1
        }
     
},
methods:{
       sendToken(){
        var token = this.list.token;        
        bug.$emit("usertoken",token)
      }
}

rm2.vue

<el-input v-model="token"></el-input>
----------
import bug from '../../../../static/js/bugevents.js';
data(){
    token:''
},
mounted(){
      //接受rm1傳遞過來的數(shù)據(jù)
      var self=this;
      bug.$on("usertoken",function(token){
          self.token=token;//這里并沒有將值賦給data中的token,怎么解決這個問題
       })
}

是方法錯誤,還是代碼錯誤呢? 望各路大神指點迷津

回答
編輯回答
孤影

sendToken()要寫在methods里吧

2018年1月7日 16:39
編輯回答
久舊酒

找到問題所在了,

mounted(){
      //接受rm1傳遞過來的數(shù)據(jù)
      var self=this;
      bug.$on("usertoken",function(token){
          self.token=token; 
          //console.log(self.token),這里是有值得
       })
}

值已經(jīng)拿過來了,但是在

bug.$on("usertoken",function(token){
     self.token=token;
 })

里面取不出來,無法賦給data中的form,
這個該怎么解決?

2017年10月26日 00:04
編輯回答
何蘇葉

報什么錯了呢?

2018年2月18日 17:58