這篇文章將為大家詳細講解有關利用Vue 怎么實現一個鼠標拖拽滾動效果，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

創新互聯建站是一家集網站建設,城北企業網站建設,城北品牌網站建設,網站定制,城北網站建設報價,網絡營銷,網絡優化,城北網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

首先給外層加個大大的寬和高：

<div class="vue-drag-scroll-wrapper" :>
 // 這里省略一些不太重要的代碼
</div>

<script>
export default {
 name: 'VueDragScroll',
 props: {
  msg: String
 },
 data () {
  return {
   scale: 100
  }
 },
 computed: {
  zoomStye () {
   const INIT_WIDTH = 2208
   const INIT_HEIGHT = 1206
   const width = INIT_WIDTH * (1 + (100 - this.scale)/100)
   const height = INIT_HEIGHT * (1 + (100 - this.scale)/100)
   console.log(width)
   console.log(height)
   return {
    width: `${width}px`,
    height: `${height}px`,
    transform: `scale(${this.scale/100})`
   }
  }
 }
}
</script>

網頁題目：利用Vue怎么實現一個鼠標拖拽滾動效果-創新互聯
分享鏈接：http://www.yijiale78.com/article42/cegshc.html

成都網站建設公司_創新互聯，為您提供網站建設、微信小程序、網頁設計公司、云服務器、外貿網站建設、App設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯