Follow_the_heart-CSDN博客

原创 mpvue某个页面的上拉加载和下拉刷新

找到需要页面的main.jsimport Vue from "vue";import App from "./index";const app = new Vue(App);app.$mount();export default { config: { "navigationBarBackgroundColor": "#ffffff",

2018-11-01 18:25:36 6412

原创小程序运行出现错误找不到sitemap.json入口，或者读取失败，检查重新编译

解决办法1：找到项目project.config.json的文件名，一般就在主目录下面看下这个配置的值是否是true，如果是false，改为true，再重新编译运行即可。解决办法2：1、在dist根目录下添加一个sitemap.json 文件2、打开dist/sitemap.json文件将如下代码复制进去：{ "rules":[{ "action": "allow", "page": "path/to/page", "params": ["a", "b"], .

2020-06-08 11:35:19 3347

原创 js遍历数组和对象的方法以及如何区分

遍历数组的方法普通的for循环let arr = [1,2,3,4];for(let i = 1; i < arr.length; i++){ console.log( i ); console.log( arr[i]); }for … in遍历数组的键名或者数组的下标存在的问题：1）在某些情况下，这段代码可能按照随机顺序遍历数组元素，2）数组原型链上的属性都...

2019-09-10 15:46:56 314

原创 input文件删除再次上传同一个文件不触发事件

找到这个**input type=‘file’**标签使其value值为null方法一<input type='file' ref=‘upload’>this.$refs.upload.value = null方法二<input type='file'>document.getElemenyByTagName('input')[0].value = nul...

2019-06-17 14:39:49 1260

原创 vue调用微信jssdk实现微信分享功能

安装sdk npm install weixin-js-sdk --save封装微信分享功能sdk.jsimport wx from 'weixin-js-sdk' //微信sdk依赖import axios from 'axios'; // 引用全局const jsApiList = ['onMenuShareAppMessage', 'onMenuS...

2019-05-09 11:19:29 4265

原创 vue单页面使用友盟统计

注：由于我的项目是多次进入首页带参数不一致，所有只统计不带参数的进入的次数1.index.html里面的head里面 <div style="visibility: hidden"> <script> var _czc = window._czc|| []; if (_czc) { let loca...

2019-05-06 16:40:50 1661 1

原创 mpvue小程序预览pdf

wx.downloadFile({ url: ’****‘, //.pdf文件地址或者可以在浏览器直接下载pdf的地址 success: function (res) { let Path = res.tempFilePath; //返回的文件临时地址，用于后面打开本地预览所用 wx...

2019-04-22 17:03:21 672

原创 mpvue实现自定义带有输入框的弹框

效果图html <div class="modalMask" v-if="isModel"></div> <div class="modalDialog" v-if="changeModel"> <div class="modalContent"> <p class="c...

2019-04-16 14:40:22 2571

原创 h5区别外部浏览器还是微信浏览器

let viewer = window.navigator.userAgent.toLowerCase();if(viewer.match(/MicroMessenger/i) == 'micromessenger'){ console.log(‘微信浏览器’);}else{ console.log(‘外部浏览器’);}

2019-04-04 15:13:04 995

原创 vue数据改变页面不渲染问题解决方案

data() { return { tableData:[ { id:0, tip:false} ], data:{ name: 'Lisi' } } },类似于以上的数据尝试方案1this.$set(object...

2019-03-21 11:24:04 6202

原创 mpvue小程序获取地理位置

针对用户先是允许授权在设置不授权的这种情况的处理 // 获取用户地址 getLocation(){ wx.getSetting({ success: function(e) { console.log(e.authSetting["scope.userLocation"]); let userLocation = ...

2019-03-18 18:00:48 1999 2

原创文本不换行且溢出用省略号代替

white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

2019-03-06 14:36:35 332

原创小程序保存图片至本地

wx.getImageInfo({ src: ‘http://img5.imgtn.bdimg.com/it/u=3686777643,1691061762&amp;amp;fm=11&amp;amp;gp=0.jpg’, success: function(data) { let path = data.path; wx.saveImageToPhotosAlbum({ fi...

2019-02-22 15:04:25 386

原创小程序预览图片

previewImage() { let urls=“http://qimg.hxnews.com/2019/0203/1549199908936.jpg”; wx.previewImage({ current: ‘http://qimg.hxnews.com/2019/0203/1549199908936.jpg’, // 当前显示图片的http链接 urls: ['ht...

2019-02-22 14:52:52 393

原创脚手架搭建一个vue项目

查看 node node: node -v没有安装:官网下下载，直接“下一步”完成安装后，在终端输入node -v ，如果出现对应的版本号则表示已经安装过了。查看 npm 版本信息: npm -v没有安装:npm: Nodejs下的包管理器。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像npm install-g cnpm --registry=https:/...

2019-01-22 14:18:31 182

原创微信小程序跳另一个小程序且带参数

wx.navigateToMiniProgram({ appId: 'xxxxxxxxxxxxxx', path: '', // 跳转小程序的路径 extraData: { // 需要带的的参数 id: 111, name: 'xx' }, // 有效值 develop（开发版），trial（体...

2019-01-17 11:18:54 1564

原创 mpvue分享小卡片

准备一个按钮<button class="share_button" id="shareBtn" open-type="share" type="primary">分享</button>在与methods方法同级的下面写上onShareAppMessage方法// 转发 onShareAppMessage: function (res) {

2019-01-17 09:54:30 803

原创 mpvue封装多选的弹框

效果图子组件需要接受（父组件）两个值isShow：是否显示组件的checkboxArr：可供多选的数组&lt;template&gt; &lt;div class="modal_mask" v-if="isShow"&gt; &lt;div class="modal_Box"&am

2018-12-18 11:38:54 1744 4

原创 git push之后删除远程仓库node_modules和dist

在**.gitignore**文件上写上：node_modules/dist/进入仓库目录，删除github仓库上.gitignore上新加的选项git rm -r --cached .然后重新添加要提交的选项git add .git commit -m 'remove node_modules and dist最后在git push 到远程仓库上就可以了。git...

2018-11-15 15:53:49 1595

原创 Vue 项目启动抛出 Error/ No PostCSS Config found in

解决办法：在根目录下创建 postcss.config.js 文件，内容写：module.exports = { plugins: [ require('autoprefixer')({ browsers: ['last 5 versions'] }) ]}...

2018-11-14 09:40:39 809

原创 mpvue发送验证码倒计时不给点击

页面上<div class="teleBox"> <input type="text" class="teleCode" maxlength="4" v-model="teleCode"> <span class="codeClick" @tap="isClick &&am

2018-11-05 11:24:58 1358

原创微信mpvue框架的使用

mpvue的使用授权的弹框<button open-type="getUserInfo" @getuserinfo="getUserInfo" @tap="getUserInfo1">微信授权登录</button> // 点击事件 getUserInfo1(){ // 判断小程序的API，回调，参数，组件等是否在当前版本可用。为false...

2018-11-01 16:38:00 401

Follow_the_heart的博客