一只耳钉-CSDN博客

原创解决小程序引进hanzi-writer-miniprogram不能使用的问题

解决小程序引进hanzi-writer-miniprogram不能使用的问题

2022-09-23 13:45:49 1216 2

原创在事件中不改变event参数，传多个参数方法

<el-input size='small' v-model="item.title" @blur='(e)=>editBlur(e,item)'></el-input>

2022-04-07 14:52:51 315

路由设置 { path: '/Followlist', name: 'Followlist', component: resolve => require(['@/views/Followlist.vue'], resolve) } <keep-alive include='Followlist'> <router-view /> </keep-alive>html 代码 Followlist.vu

2022-03-02 09:46:50 1106

原创 echarts图表随屏幕的宽度自适应

vue写法 mounted() { window.onresize = () => { return (() => { const chartDomA = echarts.init(document.getElementById('main-progress')) const chartDomB = echarts.init(document.getElementById('main-danger'

2022-02-11 15:29:40 369

原创 vue 兄弟组件传值

main.js 入口文件Vue.prototype.Sets = new Vue() //兄弟组件传值2.兄弟A页面触发事件// 触发事件switap(){ this.Sets.$emit("swicth", true);}3.兄弟B页面//生命周期create(){// 接收 this.Sets.$on("smwidth", (e) => { this.isShow= e; if(e){ this.show = 2 .

2021-09-10 13:24:35 64 1

原创 vue 3.0.4配置sass

1.创建vue.config.js文件(刚创建项目时没有这个文件)2.安装 npm install node-sass@5.0.0 -D npm install sass-loder@10.1.1 -D vue add style-resources-loader3.vue.config.js 中配置`module.exports = { css: { loaderOptions: { sass: { additionalData: `@import "~@/assets

2021-09-10 13:15:52 266

原创换页数据拼接方式

一. 向上拉刷新数据，新数据在之前数据下方显示前提条件：后台数据要返回是否还有下一页，数据总数，当前第几条hasNextPage：true //是否可以下一页lists:[] //显示数据pageIndex:0,/*** force 参数值：true 在初始值时调用 ***/ async getList(options = {}) { try { if (options.force) { this.pageIndex = 0 t.

2021-05-06 11:01:18 160

原创 vue前端项目用的的插件

1.vuedraggable ，拖拽插件官网：http://www.itxst.com/vue-draggable/tutorial.html2.jspdf ，下载pdf插件，与html2canvas结合

2021-04-13 09:54:32 142

原创 css解决字体过长换行，样式变形问题

字体过长自动省略号 overflow: hidden; width: auto; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;

2021-01-29 16:22:40 1172

原创鸿蒙harmonyos JS UI canvas画布的实现

效果如下<canvas id="canvas" ref="canvas" class="container-meet-right-canvas" @touchstart="touchstart" @touchmove="touchmove" @touchcancel='touchcancel' @touchend="touchend"/> <div class="canvas-control"> .

2021-01-24 00:28:19 965

原创 html2canvas，jspdf在vue解决图片不显示，跨域问题

import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'const getPdf = async (dom, title) => { await new Promise((resolve, reject) => { try { // 避免模糊，放大倍数,倍数可调整 const el = document.getElementById(dom) || document.querySele.

2021-01-19 15:23:08 2150

原创 vue实现公众号自定义菜单

困难点：1.选中状态；2.布局，3.内容类型判断，4保存后数据的筛选，5数据结构的调整1.菜单排序用Awe-dnd插件，地址：https://github.com/hilongjw/vue-dragging 2.预览用https://www.jq22.com/webqd6514，自己改进一些 3.ant-design-vue2.ui设计<template> <div> <!-- <a-page-header title="自定义菜单" /.

2021-01-18 11:00:01 2612 11

原创小程序签署全名

如上图，手写签名，功能（手写签名，清除签名，判断是否已签名，保存签名存的是图片）1.布局，弹框模式<view class="bearing" wx:if="{{bearshow}}"> <view class="bearing-mian"> <view class="bearing-title"> <text style="font-size:34rpx">手写签名</text> <view ..

2021-01-18 10:38:43 127

原创 Ant Design of Vue table 可以选择多页数据并提交，当返回上一页就看不到自己所选的数据

1.由于table分页效果，当选择第二页前一页选中的就被替换了 <a-table size="middle" :columns="columns" :dataSource="treeList" :loading="loading" :pagination="pagination" :rowKey="(record) => record.id" :row-selection="{ s..

2020-12-25 09:47:59 1977

原创新版xlrd报 Excel xlsx file； not supported

原因：xlrd更新到了2.0.1版本，只支持.xls文件，不支持.xlsx。解决办法：安装旧版本pip install xlrd==1.2.0

2020-12-16 15:13:56 39749 5

原创小程序的上拉刷新加载新数据并不友好，自己结合参考其他资料，自己写了一个

1.绑定事件，帮在哪模块上，帮什么事件，建议绑在包裹数据列表模块上，绑定3个事件，data里定义好三个参数bindtouchend="touchEnd" bindtouchmove="touchMove" bindtouchstart="touchStart"data:{time:0,//时间记录，用于滑动时且时间小于10s则执行上下滑动interval:'',//记录/清理时间记录touchDot:0,//触摸时的原点 pageNum：1...

2020-11-20 11:59:05 119

原创小程序使用swiper，swiper-item做多个表单填写提交

如图勾选多个

2020-11-20 11:22:57 505

原创小程序Canvas实用

实现二维码名片如图：小程序页面小程序长按下载后的图片上代码：1.weapp.qrcode.js绘制二维码，二维码中间可以放置logo，这个插件可以自己搜索使用更详细2. wxml页面，css样式自己写，第一个canvas存放二维码，第二个canvas是存放绘制后的，利用小程序提供的wx.canvasToTempFilePath把canvas转变成图片，wx.saveImageToPhotosAlbum下载保存图片 <canvas bindlongpress=".

2020-11-19 17:21:50 132

原创根据判断赋值

1.根据小程序环境切换不同的api域名const http= {develop:'https://www.baidu.com',trial:'',release:'https://www.alibaba.com'}[__wxConfig.envVersion] || 'https://wwww.huawi.com'const http = __wxConfig.envVersion === 'develop'?'https://www.baidu.com' :__wxConfig.envVersi.

2020-11-16 08:59:30 120

qq_38709227的博客