原创 vue點擊複製按鈕複製相關文本到手機的粘貼板

有時業務需求是需要點擊按鈕複製相關內容。如下圖: 推薦一個插件clipboardjs 實現複製功能插件 使用步驟: 1:安裝 yarn add clipboard // 或者 npm install clipboard --s

原创 uni-app學習:使用微信雲函數的步驟

1,創建函數目錄 首先,我們在項目中創建一個雲函數目錄,路徑隨意,我的是functions 2,修改manifest.json 代碼如下: "mp-weixin" : { "appid" : "wx*****

原创 uni-app學習:路由的跳轉和攜帶參數跳轉到tabBar頁面

1.uni.navigateTo 需要跳轉的應用內非 tabBar 的頁面的路徑 , 路徑後可以帶參數。 注:頁面跳轉路徑有層級限制,不能無限制跳轉新頁面 示例: //在起始頁面跳轉到test.vue頁面並傳遞參數 uni.nav

原创 uni-app 學習: 頁面高度設置100%

uni-app 中頁面默認沒有100%,內容只顯示一半,而且輪播圖隨內容區域一起滾動,不能固定,如下圖所示: 在獨立頁面給page加高度100%, 此時h5頁面正常但是在小程序中依舊是不起作用的,如下圖: page{ he

原创 uni-app學習:在uni-app中使用阿里圖標

1,在官網找圖標,然後複製鏈接在網頁打開 2,新建iconfont.css文件將代碼複製到css文件中,如圖: 3,最後在app.vue中引入

原创 截取字符串,多餘的部分用...代替

原文鏈接:https://dove19900520.iteye.com/blog/2047377 //截取字符串,多餘的部分用…代替 function setString(str, le

原创 px2rem-loader(Vue:將px轉化爲rem,適配移動端)

轉載:https://www.cnblogs.com/WQLong/p/7798822.html 1.下載lib-flexible 我使用的是vue-cli+webpack,所以是通過npm來安裝的 npm i lib-flexibl

原创 解決IE瀏覽器不兼容es6和es6的Promise

引入 <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script> <script src = "https://cdn.p

原创 關於vue+element-ui項目的分頁,返回默認顯示第一頁的問題解決

問題描述 當前頁面如下: 然後點擊頁碼跳到第3頁,然後在第三頁點擊頁面鏈接跳轉到新的頁面 然後在新頁面點擊返回按鈕,返回到當前頁,結果頁面分頁顯示第一頁,對應頁面內容也是第一頁 期望效果 從新頁面返回的時候,頁碼和頁面內

原创 vue中,實現錨點定位及跳轉 url不發生變化

在 vue中如果使用錨點進行同頁面的跳轉,url會受到影響,解決的辦法是, 在點擊的地方加一個點擊事件,寫document.querySelector(“要返回地方的id”).scrollIntoView(true)

原创 解決使用UI框架修改樣式時出問題

使用UI框架修改樣式 1,按照UI的class名一級一級的加樣式 2,如果中間有的沒有class名跳過一級之後不能用,前面加/deep/。如下: 在不起效果的class前加/deep/。注意此處的class和/deep/有空格

原创 解決vue中加背景圖片報錯

在vue中加css背景圖片時最好不要使用@,此時的@可能會被解析爲函數符號會報 錯 改成下面即可解決