qq_38292936的博客

uniapp中用sticky定位时，元素内部如果有scroll-view，ios在触发bounce机制时，scroll-view的元素会消失，解决方法是页面上包一层高度为100vh的scroll-view。此时onReachBottom肯定失效，如果需要做拉到底部刷新，加一个@scrolltolower事件即可。如果要去掉ios的bounce机制，可以加 enhanced 和 bounces="false"这两个属性。

uview u-upload 添加微信文件上传方式

node_modules/pdfjs-dist/es5/build/pdf.worker.js 注释掉_this3.setFlags(_util.AnnotationFlag.HIDDEN);npm i patch-package -S package.json 添加"scripts": { "postinstall": "patch-package" }, npx patch-package pdfjs-dist根目录生成小功告成...

强制刷新this.$forceUpdate()

main.jsimport Element from 'element-ui';Element.Dialog.props.closeOnClickModal = false曲线救国

效果：代码：<template> <div class="back-top"> <div > <img src="imgsrc" class="line" :class="isHide? 'isHide': 'isShow'" :style="{display: (firstShow? 'block': 'none')}" @click="backTop"> </div> </div><

改了下官方的demo，封装了个组件，包含了图片上传和初始化编辑器内容效果：富文本组件：<template> <view class="container"> <view class="page-body"> <view class='wrapper'> <view class='toolbar' @tap="format"> <view :class="formats.bold ? 'ql-active'

注意要先清空一下选择框，回填的item尽量选所有列的对象//选中列，所有列，表名toggleSelection(selectRows, totalRows, tablename) { this.$refs[tablename].clearSelection(); if (selectRows.length>0) { this.$nextTick(() => { totalRows.forEach(row =>

↓↓↓戳这里，赞美大佬

外部引入的ueditor组件用法如下mounted() { const _this = this; this.editor = UE.getEditor(this.id, this.config); this.editor.addListener("ready", function () { _this.editor.setContent(_this.msg); // 初始化内容。 _this.editor.execCommand( 'lineheight', 1.5 );//初始化排

官方文档给出的文档有些不明确，自定义字典值又比较麻烦，可以在formatter中处理。formatter: (row,value,label,column) => { if (value == 0){ return label = "正常" } return label = ""}四个参数，row:该行数据value: 单元格原始数据label 单元格展示数据column 单元格属性...

绑定滚轮事件，使滚轮滚动时停止页面滚动；同时记录浏览器高度。data() { return { pageHeight: 0, scrollFLag: true, }},mounted() { window.addEventListener('mousewheel', this.mousewheelHandler, false) this.pageHeight = document.documentElement.clientHeig.

export default { name: 'userDetail', data() { return { that: this, values: 'test' } }, filters:{ testFilter (val,that){ return that.values }, }}<td>{{info.name| testFilter (that)}}</td>用that指代一下，小功告成

安装vue-cropper模块npm Install vue-cropper新建组件，在main.js引入import uploadAndCropper from "@/components/uploadAndCropper";Vue.component('uploadAndCropper', uploadAndCropper)上传图片后显示的图片预览，鼠标悬停后弹出遮罩层，显示裁剪、预览、删除按钮<span class="uploadBox_imgShow" v-if="fil.

vue+百度地图 实现绘制多边形可拖拽效果理一下实现效果鼠标拽动地图时，地图可拽动； 鼠标拽动多边形时，地图不可拽动鼠标拽动多边形时，多边形可拽动。首先实现效果1，加个flag控制一下地图的拽动属性，使鼠标停留在多边形上，flag=false即可然后是效果2稍麻烦些，加个flag判断鼠标是否在多边形上拖拽，如果是，记录鼠标经过的经纬度差，分别加在多边形所有点上。核心代码如下：<baidu-map @mousemove="moveEvent" @rightclick="rightC