原创 mpvue頁面跳轉傳參方法

 A頁面傳值 //跳轉方法裏傳值 let formData =JSON.stringify({a:1,b:2}); this.$router.navigateTo(`/pages/addCase/caseLaw/main

原创 小程序:父子組件方法的相互調用

一、父組件調用子組件方法 子組件方法: // 組件的方法列表 methods: { test(){ console.log('我是子組件方法') } }, 父組件調

原创 tinymce-vue富文本編輯器的使用

node安裝項目依賴 npm install tinymce -S npm install @tinymce/tinymce-vue -S 安裝完成之後,在 node_modules 中找到 tinymce/skins 目錄。在pub

原创 小程序scroll-view滑動觸底

需求:當我們瀏覽到屏幕末尾時,加載出下一頁的內容。 小程序scroll-view文檔:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

原创 vue 無縫滾動 及 js添加css3 keyframes和animation樣式

css3上下無縫滾動 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css">

原创 mpvue上傳圖片

上傳組件 <template> <div class="upload-block"> <!-- 圖片 --> <div :key="index" class="img-item" v-for="(

原创 根據ID或者ID集合查找樹形結構數據裏面ID所對應的節點信息

 方法一 // 方法一 function aa(id, arr) { for (var i in arr) { if (arr[i] == id) {

原创 uni-app封裝請求及如何使用

require.js  const commonUrl = "https://www.xxxxxx/upload/"; //公共路徑 // post請求封裝 function postRequest(url, data) {

原创 vue基於Blob.js和 Export2Excel.js做前端導出Excel

1、安裝三個依賴包 npm install -S file-saver npm install -S xlsx npm install -D script-loader 2、導入兩個js 下載Blob.js和Export2Excel.j

原创 微信小程序8種數據通信的方式總結

下面我將這些通信方式歸類介紹: 組件通信 全局通信 頁面通信  一、組件通信 properties  父組件向子組件通信,與 Vue 的 props 作用相同。 父組件向子組件傳數據: <my-component list="{{lis

原创 小程序調用上個頁面的方法和數據

//獲取已經打開的頁面的數組 var pages = getCurrentPages(); //獲取上一個頁面的所有的方法和data中的數據  var lastpage = pages[pages.length - 2] //改變上一個

原创 JS數組reduce()方法去重

 語法結構 //語法結構 let arr=[1,2,3] arr.reduce(function(prev,cur,index,arr){ //代碼 }, init

原创 小程序父子方法的相互調用

一、父組件調用子組件方法 子組件方法: // 組件的方法列表 methods: { test(){ console.log('我是子組件方法') } }, 父組件調

原创 小程序報錯:Unexpected end of JSON input 問題

小程序使用json.parse出現的問題: 原因:  JSON.parse無法識別某些url中的特殊字符,所以報錯 跳轉時用 encodeURIComponent() wx.navigateTo({ url: '/pages/pa

原创 小程序tab切換

WXML  <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindt