原创 vue+elementui搭建後臺管理界面-登錄

1 node環境安裝 從 node官網下載安裝包 2 vue-cli npm install vue-cli -g 3 新建項目 vue init webpack vue-project 可保持默認,一路回車 完成後 cd vue-

原创 Vuex數據管理,組件數據一一對應

需求:我們點擊拍照後將拍好的照片放入vuex的state裏面管理,給其他的組件調用(此處以組件A,和組件B命名) 1.組件A:我們拿到圖片數據源,並且在點擊拍照的同時創建一個當前時間,將圖片源和時間以對象的形式提交vuex。 var

原创 Vue 當data中沒有數據的時候不渲染該元素

需求:一個Img標籤,當imglist數組中有數據的時候渲染imglist中的數據,當用戶點擊按鈕的時候顯示url數組中的數據。 步驟一:使用三元表達式。但會出現一個bug,首次進入頁面imglist中沒有數據的話頁面會報錯。 解決方案

原创 uni-app 封裝請求接口

1. 在根目錄下創建Utils.js 文件(內容如下) let apiReq={ req(obj){ var method = obj.method || "GET"; // 請求方式,默認爲GET var url = obj

原创 html2canvas截圖拍照,結合element小圖大圖預覽

cnpm i html2canvas -S //安裝html2canvas cnpm i jquery -S //安裝jquery script標籤內引用 import html2canvas from "html2canvas";

原创 vue-json-editor json編輯器

1.安裝插件 npm install vue-json-editor --save 2.使用 <template> <div> <p>vue-json-editor</p> <vue-json-editor

原创 Uni-app Android 離線打包集成 uni-push(個推)消息推送

1.首先去官網下載Android離線SDK(下載地址) 2.在下好的SDK中找到aps-release.aar, aps-igexin-release.aar並放入自己項目libs目錄下 3.在Androidmainfest.xml文件m

原创 uni-app導航欄圖標按鈕事件onNavigationBarButtonTap不執行

問題:這樣如果圖標按鈕是設置在pages.json的第一個頁面,點擊圖標按鈕是沒有效果的。 解決方案:修改manifest.json配置文件,刪除app-plus --> launchwebview 下的titleNView //

原创 uni-app更新APP,版本更新

export default { onLaunch: function() { console.log('App Launch'); // 檢查更新 //#ifdef APP-PLUS plus.runtime.g

原创 uni-app消息推送

1. 註冊和實名認證dcloud開發者(https://dev.dcloud.net.cn/) 2. 登錄HbuilderX開發工具,創建你的項目 3. 在manifast.json 中配置勾選app SDK中的 DCloud UniPu

原创 uni-app 頁面滑動距離後出現回到頂部按鈕,回到頂部

html <view class="top" :style="{'display':(flag===true? 'block':'none')}"> <uni-icons class="topc" type="arrowthinup

原创 刪除uni-app頂部標題欄默認返回按鈕

1.找到項目根目錄下的pages.json文件 2.在pages數組中找到你要刪除頁面頂部欄返回鍵的對象 3.在對象style下加入 "app-plus": { //uni-app項目對應節點名稱爲"app-plus" "titl

原创 elementUI 表格 prop屬性 如何通過判斷轉換值

1.去掉el-table-column 上原本的prop屬性 2. scope.row.屬性值 <el-table-column label="等級" width="50px"> <template slot-scop

原创 nodejs寫接口

在項目根目錄下:“npm init” 初始化nodejs項目,生成package.json文件 npm install express -S (安裝express框架) 在根目錄下新建文件app.js var express =

原创 CSS3Flex伸縮佈局,攜程網案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi