欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

setInterval怎么在vue中使用-創(chuàng)新互聯(lián)

setInterval怎么在vue中使用?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

為鎮(zhèn)賚等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務,及鎮(zhèn)賚網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為做網(wǎng)站、成都網(wǎng)站制作、鎮(zhèn)賚網(wǎng)站設計,以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!

代碼如下:

<template>
  <div class="totel-number">
    <div class="panel-top">
      <div class="panel-top_Left"></div>
      <div class="panel-top_Text flex-center" >數(shù)量</div>
      <div class="panel-top_Right"></div>
    </div>
    <div class="panel-body">
      <div class="counter-wrap">
        <ul class="counter-board">
          <li class="num-board" v-for="item in totelNumber">
            <span class="num u">
              <i class="w">{{item}}</i>
            </span>
            <span class="num b">
              <i class="w">{{item}}</i>
            </span>
          </li>
        </ul>
      </div>
    </div>
    <i class="cc-Corner cc-C-t cc-C-l"></i>
    <i class="cc-Corner cc-C-t cc-C-r"></i>
    <i class="cc-Corner cc-C-b cc-C-r"></i>
    <i class="cc-Corner cc-C-b cc-C-l"></i>
  </div>
</template>
<script>
import $ from 'jquery'
import * as d3 from 'd3';
export default {
  data(){
    return {
      totelNumber: new Array(8)
    }
  },
  beforeMount() {
     //設置定時器,每3秒刷新一次
     var self = this;
     setInterval(getTotelNumber,1000)
     function getTotelNumber() {
       for(let i=0; i < self.totelNumber.length; i++){
         self.totelNumber[i] = Math.ceil(Math.random()*10) -1 
       }
     }
     getTotelNumber();   
  }
}
</script>

大家有發(fā)現(xiàn)問題嗎?

在beforeMount里面console.log(this.totelNumber)會發(fā)現(xiàn)數(shù)據(jù)是在變化的,但是頁面上是沒有任何變化。

這是什么原因呢?

方法:先把問題分解開,就懷疑的幾個點做正反的驗證

在多次驗證在多次驗證和查看文檔后強哥找到了:

需要注意的是有兩種情況不會觸發(fā)視圖更新,需要換種變通寫法:

- 當你利用索引直接設置一個項時,例如: vm.items[indexOfItem] = newValue
- 當你修改數(shù)組的長度時,例如: vm.items.length = newLength

更具這個思路我就明白了為什么會有這樣的坑,然后就將代碼進行了改進:

<script>
import $ from 'jquery'
import * as d3 from 'd3';
export default {
  data(){
    return {
      totelNumber: new Array(8)
    }
  },
  beforeMount() {
     //設置定時器,每3秒刷新一次
     var self = this;
     setInterval(getTotelNumber,1000)
     function getTotelNumber() {
       let newArray = new Array(8)
       for(let i=0; i < this.totelNumber.length; i++){
        newArray[i] = Math.ceil(Math.random()*10) -1
      }
      self.totelNumber = newArray
     }
     getTotelNumber();   
  }
}
</script>

關于setInterval怎么在vue中使用問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。

文章標題:setInterval怎么在vue中使用-創(chuàng)新互聯(lián)
標題網(wǎng)址:http://www.aaarwkj.com/article20/pjijo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導航、營銷型網(wǎng)站建設、網(wǎng)站設計、建站公司、網(wǎng)站策劃定制網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
欧美精品一区二区三区在线| 国产精品一区二区在线观看| 欧美日韩一区二区三区666| 少妇高潮一区二区三区在线| 国内自拍视频一区高清视频| 中文字幕乱码日韩在线| 青草成人在线视频观看| 精品人妻av区天天看片| 国产成人精品手机在线观看| 欧美日韩国产激情另类| 亚洲日本久久久午夜精品| 中文字幕女同系列av厨房| 欧美日韩免费r在线视频| 国产精品黄色91熟女| 精品亚洲第一区二区免费在线| 亚洲综合日韩欧美一区二区三区| 在线一区二区三区高清视频| 国产一区二区日本在线| 麻豆国产传媒69国产| 日韩欧美啪啪一区二区| 婷婷亚洲五月伊人91| 男女做爰高清免费视频| av国产剧情在线观看| 四虎在线观看精品一区| 亚洲91无专砖码高清观看| 日本成人大片在线观看| 做性视频大全在线观看| 亚洲男人天堂在线观看| 中文字幕九七精品乱码| 片子免费毛片日韩不卡一区| 国产精品日产三级在线观看| 男女午夜激情四射视频| 欧美日本黄色一级视频| 国内精品自拍亚洲视频| 国产精品伊人久久精品| 91九色国产原创在线观看| 午夜视频在线观看免费高清国产| 青青草免费在线视频视频| 国产黄片大秀在线观看| 熟女少妇a一区二区三区| 欧美丰满老妇性猛交|