Vue相關外掛程式使用記錄

1.列表輪播（類似新聞列表，中獎資訊）：

名稱

vue-seamless-scroll

:介紹

:樣例：

import vueseamlessscroll from 'vue-seamless-scroll'

//data中定義

classoption:

"list_box" :style=

"">
<
!-- "lucklist" :activecount=
"activecount"
>
-->
"lucklist" class=
"list_content" :class-option=
"classoption"
>
"list_content_item" v-for=
"(item, index) in lucklist" :key=
"index"
>
"item_row"
>
"item_prefix"
>恭喜
"city_name"
>
}"shop_name"
>
}"time"
>
}中獎

// 計算顯示的列個數。已占用的高度49.3+60+16+5vh=125.3vw + 5vh

let width = document.body.clientwidth
let height = document.body.clientheight
let itemheight = width * 0.055
let remainheight = height - math.ceil(height * 0.05 + width * 1.3)
// console.log(
'總高度',height, '已占用高度', height - remainheight, '剩餘高度', remainheight)
this.activecount = math.floor(remainheight / itemheight)
this.listheight = remainheight

如果有遮罩層出現，遮罩層設定z-index，否則滾動條會顯示遮罩層之上（應該是外掛程式裡邊設定了層級吧） 名稱

vuescroll

import vuescroll from 'vuescroll'

//data中定義

ops: 
},

<

!-- 規則 -->
"rule"
>
"ops"
>
"red_color"
>2019.12.25-2020.1.21

--------------------------待補充

vue 相關外掛程式介紹

介紹一下vue中會用的外掛程式，每個外掛程式都值得好好研究，可自行檢視官方文件 一 nuxt.js nuxt.js官網 二 axios 詳細文件 1 簡介 axios 是乙個基於 promise 同時支援瀏覽器端和node.js的 http 庫 常用於 ajax 請求。vue不像 jquery 或 ...

vue相關記錄

從零開始搭建自己的vuejs2.0 elementui單頁面 一 環境搭建 webstorm 2018 啟用破解方法大全 我是用第三種方法才能破解 我在公司裡再裝用前面那種方法始終破解不了了，用webstorm破解這裡的金鑰終於破解成功了，希望這次真的可以永久有效吧 不幸的是，才用了幾天就過期了 w...

vue相關UI外掛程式庫

3 element ui元件庫element，一套為開發者 設計師和產品經理準備的基於 vue 2.0 的桌面端元件庫。element是餓了麼前端開源維護的vue ui元件庫，更新頻率還是很高的，基本一周到半個月都會發布乙個新版本。元件齊全，基本涵蓋後台所需的所有元件，文件講解詳細，例子也很豐富。沒...