程式碼如下：

隱藏滾動點的方法：在自定義scss檔案中，新增如下樣式

.swiper-container-vertical .slider-pagination-bullets {
  display: none;
}

<template>
  <div>
    <div style="width:70%;margin:20px auto;height:40px">
      <!-- 配置slider元件 -->
      <slider ref="slider" :pages="pages" :sliderinit="sliderinit" @slide='slide' @tap='onTap' @init='onInit'>
        <!-- 設定loading,可自定義 -->
        <!--<div slot="loading">loading...</div>-->
      </slider>
    </div>
  </div>
</template>

<script>
  import slider from 'vue-concise-slider'// import slider components

  export default {
    name: 'My',
    components: {slider},
    data () {
      return {
        HelloWorld_data: '',
        list: ['第一條訊息','第二條訊息','第三條訊息','第四條訊息'],
        //Image list
        pages:[],
        //Sliding configuration [obj]
        sliderinit: {
          currentPage: 0, // 當前頁碼
          thresholdDistance:500, // 滑動判定距離
          thresholdTime:100, // 滑動判定時間
          autoplay:2000, // 自動滾動[ms]
          loop:true, // 是否迴圈滾動
          direction:'vertical', // 滾動方向
          infinite:1, // 無限滾動前後遍歷數
          slidesToScroll:1, // 滾動行數
          timingFunction: 'ease',
          duration: 300
        }
      }
    },
    mounted () {
      // this.pages.length = this.list.length
      for (let i = 0;i < this.list.length;i ++) {
        this.pages.push({
          html: '<div>' + this.list[i] + '</div>',
 
          style: {
            'font-size': '18px',
            'color': 'black',
            'height': '30px',
            'margin': '10px',
            'width': '100%'
         }
        })
        // this.pages[i].html = '<div class="slider' + i+1 +'">' + this.list[i] + '</div>'
      }
      console.log(this.pages)
    },
    methods: {
      // Listener event
      slide (data) {
        // console.log(data)
      },
      onTap (data) {
        console.log(this.list[data.currentPage])
      },
      onInit (data) {
        // console.log(data)
      }
    }
  }
</script>

<style scoped>

</style>