1. 倒計(jì)時(shí)重置問題
背景：業(yè)務(wù)需要在開啟倒計(jì)時(shí)巷懈、暫停船惨、恢復(fù)倒計(jì)時(shí)實(shí)時(shí)判斷是否展示倒計(jì)時(shí)胸囱，并重置倒計(jì)時(shí)
-
問題：直接修改this.countDownTime = message.countNum, 倒計(jì)時(shí)重置并不會(huì)有什么用茉盏，依然是按照舊的倒計(jì)時(shí)時(shí)間進(jìn)行--
倒計(jì)時(shí)代碼.png 解決方法：
-- 思路1： 按照官方文檔 this.$refs.countDown.reset()
在重置接收到長(zhǎng)鏈接推送時(shí)儡循，this.countDownTime = message.countNum混滔，
this.$refs.countDown.reset()
但是會(huì)報(bào)this.$refs.countDow undefined的錯(cuò)誤
-- 思路2: 考慮到vue虛擬DOM及模版渲染的問題洒疚，
在this.$nextTick 回調(diào)函數(shù)中 this.$refs.countDown.reset()
結(jié)果是依然報(bào)錯(cuò)
-- 終極解決方案：
在判斷倒計(jì)時(shí)是否展示的方法中，在倒計(jì)時(shí)顯示為真的判斷中使用this.$nextTick回調(diào)函數(shù)this.$refs.countDown.reset()
2. 修改倒計(jì)時(shí)樣式
- 背景： 修改了倒計(jì)時(shí)文字大小坯屿，在pc端看一切正常油湖，但是在手機(jī)上就出現(xiàn)了如下圖問題
- 解決方法： 在修改font-size時(shí)，同步修改line-hieght
修改了倒計(jì)時(shí)樣式出現(xiàn)的問題.png
