鍍金池/ 問答/HTML/ vue怎么動(dòng)態(tài)修改標(biāo)題,'6.66 BTC/USDT',其中價(jià)格是在一直不停變化

vue怎么動(dòng)態(tài)修改標(biāo)題,'6.66 BTC/USDT',其中價(jià)格是在一直不停變化的,那么我應(yīng)該去怎么實(shí)現(xiàn),不想操作DOM。

題目描述

我想實(shí)現(xiàn)根據(jù)推送過來的最新價(jià)格去動(dòng)態(tài)修改標(biāo)題,但我不想去操作,DOM,那么我應(yīng)該去怎么進(jìn)行實(shí)現(xiàn)?

題目來源及自己的思路

參考https://www.hbg.com/zh-cn/coi...
我之前的想法,是在頁(yè)面初始化的時(shí)候,去拿到市場(chǎng)的最新價(jià)以及市場(chǎng)名,然后通過 document.title 去修改Title的值,之后,Websocket推送一次,就修改一次title的值,這樣確實(shí)可以實(shí)現(xiàn),但是,在性能上會(huì)有很大的問題

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)

/**
 * 獲得網(wǎng)站配置
 */
getWebsiteConfig:function(data){
    let self = this;
    // 獲得網(wǎng)站標(biāo)題
    self.getWebsiteConfig = data.webTitle;
    // 拼接獲得想要的 title (newPrice是當(dāng)前最新價(jià)格,marketName 是當(dāng)前市場(chǎng))
    let title = self.formatFloat(self.newPrice,self.pointRoundPrice) + " " + self.marketName + " | " + self.getWebsiteConfig;
    document.title = title;
},

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

我最期待的結(jié)果是不通過DOM操作就能去修改標(biāo)題的值,跟隨者最新價(jià)的變化而變化。

回答
編輯回答
艷骨

vue就是可以不操作dom就改變數(shù)據(jù),數(shù)據(jù)驅(qū)動(dòng)視圖

2017年8月26日 23:10
編輯回答
獨(dú)白

你不操作,也是別的庫(kù)幫你操作,document又不是可以動(dòng)態(tài)創(chuàng)建的,肯定是你自己操作速度最快
你說有性能問題,是websocket一秒推送幾百次嗎?那你自己截流就行了

2017年6月26日 22:02