亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

復雜對象的計算屬性無法綁定

復雜對象的計算屬性無法綁定

料青山看我應如是 2018-09-04 13:23:40
使用 Vue 的版本是2.1.0,發現對于計算屬性上如果是復雜對象,無法正常觀察到的問題.雖然也可以用 watch 方式來解決.但是就比較麻煩了.想問一下大家有沒有遇到這個問題<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">  <head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <script class="jquery library" src="//cdn.bootcss.com/vue/2.1.0/vue.min.js" type="text/javascript"></script>    <title>RunJS 演示代碼</title>  </head><body>    <div id="example">  <p>Original message: "{{ message.test }}"</p>  <p>Computed reversed message: "{{ message.kkkk }}"</p></div>  </body></html>var vm = new Vue({  el: '#example',  data: {    message: {            test:'asdas',            kkkk:'123123'        }  },  computed: {    'message.kkkk' : function () {      return this.message.test.split('').reverse().join('')    }  }})示例 Demo:http://runjs.cn/code/vpcdas8z
查看完整描述

1 回答

?
RISEBY

TA貢獻1856條經驗 獲得超5個贊

定義的計算屬性是綁定在vm實例上的新屬性,相當于你的vm下有一個message.kkkk屬性,跟上面定義的message是同級的,你可以在chrome的console下打印下vm,看下vm的屬性是不是有兩個屬性,一個message下面有test和kkkk,另外一個是message.kkkk

當你定義計算屬性的時候,vue會知道這個屬性的依賴,computed下的message.kkkk定義的函數,相當于這個屬性的getter,所以

message: {   test:'asdas',
   kkkk:'123123'}

computed: {    'message.kkkk' : function () {
      return this.message.test.split('').reverse().join('')
    }
  }

兩個根本就不是一個屬性


查看完整回答
反對 回復 2018-10-31
  • 1 回答
  • 0 關注
  • 644 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號