- 博客(20)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 vue element ui中使用el-autocomplete不渲染数据的问题
vue element ui中使用el-autocomplete不渲染数据的问题在项目开发过程中，因为数据量过大，不方便使用select下拉框，于是想到从服务端搜索数据的el-autocomplete，但是在使用的过程中，el-autocomplete一直不能够渲染数据，后来仔细查阅api发现有一个value-key属性可以解决这个问题。最主要的是要将node-key设置为你显示的字段名，如...
2019-12-17 10:43:32
4322
原创 Vue+Vite+TS quill-editor粘贴图片上传并删除原图片
Vue+Vite+TS quill-editor粘贴图片上传并删除原图片
2024-07-25 16:05:21
376
原创 前端微信小程序生成二维码（wxbarcode）,并保存到手机相册
（1）下载js文件（git地址在最下方），放入项目中，可以放在utils文件夹中；（3）在页面的index.js文件中引入js文件。
2024-02-28 17:53:15
1263
原创 百度地图自定义Marker本地图片不显示的问题
var imgUrl = require('本地图片路径')let point = new Bmap.Point(经度, 纬度)
2024-01-22 17:26:49
945
原创 vue+element ui 表格添加多个搜索条件筛选（前端查询）
filterList 为筛选后的数据，可以重新给tableData赋值，赋值后如果遇到表格数据不刷新的情况，可以给table加上一个随机的key。这样可以解决重新赋值页面不刷新的情况。点击查询按钮调用下面的方法。
2023-06-20 15:06:11
5897
原创 Flutter之DraggableScrollableSheet可滑动sheet实现类似抖音商品详情页
Flutter之DraggableScrollableSheet可滑动sheet实现类似抖音商品详情页介绍：使用DraggableScrollableSheet可实现类似抖音视频上商品弹出页的滑动动效果。以下代码是嵌入我的子页面。代码如下：父页面（showModalBottomSheet）如果要实现上滑满屏的效果，需要将scrollController传入到子页面 showModalBottomSheet( isScrollControlled: true, co
2022-04-25 15:54:20
2065
原创 整理Flutter App开发过程中遇到的问题及解决方法
（1）禁止横屏（2）粘贴复制中文化（3）修改状态栏的颜色，字体等（4）下拉刷新（5）setState更新数据，子控件数据不更新（6）TextSpan中文字的点击事件（7）listview中循环添加textfield的controller(8) 瀑布流布局的实现（9）listview 分页...
2022-04-15 17:45:06
3910
原创 Vue cli3 打包时开启gzip文件压缩
Vue cli3 打包时开启gzip文件压缩webpack在打包时可以借助 compression webpack plugin 实现gzip压缩，首先需要安装该插件： npm install --save-dev compression-webpack-plugin如果出现tapPromise undefined 的错误时，可在后面加上版本号，降低版本 npm install --save-dev compression-webpack-plugin@5.0.0.在v
2021-06-23 16:12:13
1013
原创 element ui table中使用拖拽排序组件sortablejs及注意事项
element ui table中使用拖拽排序组件sortablejs及注意事项1.使用：先安装 sortablejs插件,然后在当前页面引入npm install sortablejs --saveimport Sortable from "sortablejs";具体代码如下：<el-table class="sortingVisible" :data="tableData" row-key="id" v-loading="loading"> <el-tabl
2021-03-12 17:29:31
1097
原创 vue调试工具vue-devtools的安装
Vue调试工具vue-devtools的安装安装步骤1.下载代码，切换到master分支git clone https://github.com/vuejs/vue-devtools.gitcd vue-dev-toolsgit checkout master2.安装依赖，成功之后打包npm installnpm run build3.build成功的项目在shells目录下的chrome文件夹，如下图：4.打开Chrome浏览器 >选择更多工具>扩展程序 >打开
2021-03-08 17:00:39
250
原创 uni-app 小程序双击事件
uni-app 小程序双击事目前uni-app view标签不支持双击事件，下面自定义双击事件：// A code block<view @click="handClick(index)"></view>data(){ return { lastTapTimeoutFunc:null, lastTapDiffTime:0 }},methods:{// 单击或双击handClick(index) { let _this = this; l
2021-01-29 11:22:06
4465
1
原创 js html css 图片跑马灯效果（轮播）
js html css 图片跑马灯效果（轮播）js html css 实现图片跑马灯效果（轮播），效果图如下：代码：html:<div id="marquee-box" > <div id="marquee-con"> <div id="marquee-1"></div> <div id="marquee" class="d-flex justify-content-between"> <img src="" cla
2021-01-11 14:16:16
6009
3
原创 phpStorm+Xdebug+Chrome本地调试
PhpStorm 本地断点调试一.环境搭建注：以下是Windows+Apache环境1.首先检测本地是否安装Xdebug步骤：(1)在phpstorm中新建一个PHP文件，写入phpinfo(),然后运行。出现如下图1-1所示界面。(2)在界面中搜索Xdebug,看看是否出现如下1-2所示界面。如果没有安装，则继续下面的步骤。2.安装Xdebug(1)打开网址：http://xdebug.org/wizard.php，将图1-1所示的信息全部复制到页面的框中。得到如图1-3所示的界面
2021-01-07 18:04:17
617
原创 支付宝小程序中使用F2图表
支付宝小程序中使用F2图表介绍最近在支付宝小程序开发中接到显示图表的需求，因为支付宝小程序方未提供相关插件，并且目前支付宝小程序不支持document，所以根据推荐使用f2-canvas图表组件。由于 f2-canvas 组件主要是对小程序的画布上下文和 html5 canvas 的上下文进行了适配以支持 F2 在小程序端的渲染，所以 F2 能绘制什么图表，小程序端就能绘制什么图表。语法也可...
2019-12-05 15:00:21
3393
3
原创 layui子父页面传值的问题
layui子父页面传值的问题父页面向子页面传值在子页面中定义一个方法getData1(),参数data是接收父页面传过来的值。如图：在父页面的success方法中调用子页面getData1()方法，将参数传到子页面。如图：这样就能将父页面的currentLocal传到子页面使用。或者也可以将参数拼接在content的url后面。子页面向父页面传值首先，可以在子页面编写一个隐...
2019-10-23 11:04:56
880
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人