本人在做列表滚动以及实时更新数据时遇到了这样的问题：

使用此插件时，无法对数据进行实时更新。但是在设置其暂停时，可以实现数据的更新。
主要代码：
页面展示代码：
        <ul class="demo2">
            <li class="news-item" v-for="(list,index) in data" :key="index">
              <table style="width:100%;">
                <tr>
                  <td class="siteName">{{list.siteName}}</td>
                  <td class="dateTime">{{list.dateTime}}</td>
                  <td class="pH">{{list.pH}}</td>
                  <td class="DO">{{list.DO}}</td>
                  <td class="NH4">{{list.NH4}}</td>
                  <td class="CODMn">{{list.CODMn}}</td>
                  <td class="TOC">{{list.TOC}}</td>
                  <td class="attribute">{{list.attribute}}</td>
                  <td class="status">{{list.status}}</td>
                </tr>
              </table>
            </li>
          </ul>

数据更新代码：
update() {

  var _this = this;
  setInterval(() => {
    _this.$axios
      .get("api/data")
      .then(data => {
        _this.data = [];
        for (let index = 0; index < data.data.length; index++) {
          _this.$Vue.set(_this.data, index, data.data[index]);
        }
      });
  }, 5000);
}

插件设置代码：

initTable() {
  $(".demo2").bootstrapNews({
    newsPerPage: 5,
    autoplay: true,
    pauseOnHover: true,
    direction: "up",
    newsTickerInterval: 1000,
  });
}

该插件的描述以及下载地址