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

鍍金池/ 問答/HTML/ 用vue做點(diǎn)擊事件的數(shù)據(jù)綁定切換，echarts折線圖展示數(shù)據(jù)的切換（不同城市數(shù)

用vue做點(diǎn)擊事件的數(shù)據(jù)綁定切換，echarts折線圖展示數(shù)據(jù)的切換（不同城市數(shù)據(jù)展示的切換）

圖片描述

我想通過對象名來獲取下面的數(shù)據(jù)，然后點(diǎn)擊后切換過來。圖片描述

這個是賦值部分代碼!
圖片描述

結(jié)果就是報錯了，控制臺說無法獲取到這個數(shù)據(jù)，是未定義。
補(bǔ)充：圖片描述

我那數(shù)組對象里面不是還剩兩組數(shù)據(jù)嗎，就是用來給這個折線圖用的，這個折線圖是用echarts配置的。下圖為配置部分代碼!
圖片描述
這個部分我還沒做，也沒有什么好的思路，大佬可以隨便也講下這里嗎？如何將echarts里面的數(shù)據(jù)也實(shí)現(xiàn)切換？

回答
編輯回答
陌離殤

你在choice方法里面?zhèn)鞯牡诙€參數(shù)是字符串，然后你在方法里面是通過this.ratio去獲取，肯定獲取不到。
先講講為什么，this指向vue實(shí)例，this.ratio表示獲取vue實(shí)例的ratio變量，再看看data里面并沒有定義radio變量，所以獲取不到。
怎么獲??？想原封不動的獲取vue實(shí)例傳參里面的變量，要這樣寫this[ratio]
給你一個參考

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
    <div id="app">
     <button id="hangzhou" @click="choice('hangzhou')">杭州</button>
     <button id="jiaxing" @click="choice('jiaxing')">嘉興</button>
  </div>
    
<script>
    var app = new Vue({
    el: '#app',
    data: {
         hangzhou:{
              "displaySuccess":{
                    "weekAgo":123
              }
         },
         jiaxing:{
              "displaySuccess":{
                    "weekAgo":234
              }
         }
    },
    methods:{
          choice:function(city){
                console.log(this[city])
                console.log(this[city].displaySuccess)
                console.log(this[city].displaySuccess.weekAgo)
          }
    }
});
</script>
</body>
</html>
2018年9月23日 06:20