原创 uni-app 實現全局變量或方法的 4 種方式
一、公用模塊 1，定義一個專用的模塊，用來組織和管理這些全局的變量，在需要的頁面引入。 在 uni-app 項目根目錄下創建 common 目錄，然後在 common 目錄下新建 utils.js 用於定義公用的方法。 const ba
2020-06-28 03:56:33
原创 vue App搜索組件封裝
1、組件封裝 <template> <div class="search_wrop"> <div class="left"> <img src="../assets/mine/searc
2020-06-22 07:42:30
原创 Vue App右滑屏幕返回上一頁
1、安裝vue-directive-touch組件 npm install vue-directive-touch --save 2、引入組件 在main.js中引入vue-directive-touch import touch f
2020-06-22 07:42:30
原创 vue-preview App查看大圖
1.安裝 npm i vue-preview -S 2.在main.js文件中導入該組件，並掛載 import VuePreview from 'vue-preview'; Vue.use(VuePreview); //或 V
2020-06-22 07:42:30
原创 vue 原生分頁組件封裝
1、分頁組件封裝 <template> <div id="page"> <div> <div class="page" v-show="show">
2020-06-22 07:42:30
原创 vue 點擊展開更多+收起
1、視圖標籤 <div> <p v-for="(item, index) in list"> <span>{{item.title}}</span> <span>{{it
2020-06-22 07:42:30
原创 mpvue開發小程序checkbox組件封裝
組件template: <template> <div class="checkbox_compont"> <checkbox-group @change="checkboxChange">
2020-06-22 07:42:19
原创 微信小程序---日期時間選擇器（自定義精確到分秒或時段）
聲明 bug：由於此篇博客是在bindcolumnchange事件中做的值的改變處理，因此會出現當你選擇時，沒有點擊確定，直接取消返回後，會發現選擇框的值依然改變。造成原因：這一點就是由於在bindcolumnchange事件做的值改變處
2020-06-22 07:42:19
原创 小程序常用方法封裝
// 設置緩存 function setItem(key, value) { wx.setStorageSync(key, value) } // 獲取緩存 function getItem(key) { return wx.g
2020-06-22 07:42:18
1
原创 vue+element查看大圖，多個圖片時點擊查看對應的圖片
標籤 <div v-for="(item,i) in imgList" :key="i" class="img"> <div @click="clickImg(i)"> <el-image
2020-06-22 07:42:18
原创 vant表單驗證組件
組件 vantForm.vue <template> <div> <slot name="items"></slot> </div> </template> <script> /** * autho
2020-06-22 07:42:18
原创 mpvue---時間選擇器（年月日時分）
標籤 <picker mode="multiSelector" :value="dateTime1" @change="changeDateTime1" :range="dateTimeArray1"> <div class
2020-06-22 07:42:18
原创 mpvue 實現頁面返回傳參方法
注：微信小程序有個方法叫getCurrentPages()獲取獲取上一頁並且還能修改上一頁數據，但在mpvue不能實時更新。 創建一個bus.js文件 import Vue from 'vue'; const Bus = new Vu
2020-06-22 07:42:18
1
原创 小程序：自定義組件的使用和通信
1、在根目錄新建components文件夾，並在裏面添加組件 二、組件的配置 1，json文件 { "component": true } 2，wxml文件 <view >我是子組件<
2020-06-22 07:42:18
1