- 博客(29)
- 收藏
- 关注
原创 创建node项目(nest.js+prisma+ts)到 完整项目(持续更新中...)
创建node项目(nest.js+prisma+ts)到 完整项目
2023-12-25 10:55:06 351
原创 微信小程序 webview 中的h5 页面 van-uploader 部分机型无法上传 解决方案
微信小程序 webview 中的h5 页面 van-uploader 部分机型无法上传 解决方案
2022-06-15 17:45:13 7055 9
原创 vue3.0 + vite 项目中 使用本地图片
vue3.0 + vite 中无法使用webpack require请求本地图片//name 为图片的名称 包含 图片后缀const getImageUrl = (name: string) => { return new URL(`../../assets/images/${name}`, import.meta.url).href;};
2021-12-22 10:53:36 2417
原创 图片SVG转PNG格式 data:image/svg+xml;base64 转 data:image/png;base64
const img = new Image(); // 创建图片容器 img.src = imageBase64; //imageBase64 为svg+xml的Base64 文件流 img.onload = () => { // 图片创建后再执行,转Base64过程 const canvas = document.createElement('canvas'); canvas.width = 660; /...
2021-08-03 15:23:38 5378
原创 vue3.0 + vite 多环境打包 代理设置
安装cross-envcross-env 通过js在平台设置不同的环境变量的工具npm install --save-dev cross-env新建.env.development 文件NODE_ENV = developmentVITE_BUILD_ENV = 'development'VITE_APP_BASE_API = 'http://xxx.xxx.x.xx:xxxx/api'其他类似修改package.json (根据自己的实际情况增减)"de...
2021-07-05 11:53:21 6640
原创 使用vuex在vue3.0 + vant 项目中的 loading加载
由于项目需要,参考网上例子,自己动手写了一个,废话不多说,上代码。在src目录下新建store目录,store目录下新建store.js文件 (已确保已装好vuex)import Vue from 'vue'import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { loading: false }, mutations: { show.
2021-04-12 15:17:06 3371 4
原创 vue+vant Uploader base64上传图片,预览、上传、处理过(后台处理)的图片(旋转、模糊、裁剪...)
<van-uploader v-model="uploadList" :after-read="process"/>取上传列表中图片的数据 base64数据//取上传列表中图片的数据 base64数据uploadList[0].content.replace(/^data:image\/\w+;base64,/, '');
2020-11-23 13:39:18 4899
原创 Vue + Vant DatetimePicker 日期选择 常见的日期限制(只允许选择当前月,整月选择)
Vue + Vant DatetimePicker 日期选择 常见的日期限制安装Moment.js(Moment.js JavaScript 日期处理类库 http://momentjs.cn/)npm install moment --save # npmyarn add moment # Yarn <van-datetime-picker class="datePick" ...
2020-09-22 16:54:11 6664
原创 vue v-html 中@click 和 class 不生效问题解决方案
vue v-html 中html标签中@click 和 class 不生效问题解决方案前端用v-html解析渲染html标签能成功渲染,但click事件无法触发(vue没有将其作为vue的模板解析渲染)点击事件解决方案:将标签中的@click 改为 onclick,增加created(){ window.test=this.test();},methods: { //标签中的点击事件 test() { },}点击事件就可.
2020-09-14 14:07:46 5369 5
原创 el-pagination 分页封装
el-pagination 分页封装先上效果图<template> <div class=""> <el-pagination :background="paginationData.isbackground" @size-change="handleSizeChange" @current-change="handleCurrentChange" @prev-click="prevClick" @next-cli..
2020-07-31 20:06:12 561
原创 el-tag 超过一定数量隐藏,只显示数字
el-tag 超过一定数量隐藏,只显示数字先上效果图<div style="float: left;width: 99.5%;border: 1px solid #DCDFE6;" class="elTagClass"> <el-tag v-for="(tag,index) in tags" :key="index" closable @close="handleClose(tag)" v-show="index < numFlag"> ..
2020-07-30 14:34:47 2725
原创 Element 中组件 某些组件、属性不能使用的问解决
Element 中组件 某些属性不能使用的问题解决在package.json查看element-ui版本在element 官网https://element.eleme.cn/#/zh-CN/component/changelog 查看所使用的属性是否为最近版本更新,更新element-ui版本到最新版本,解决...
2020-06-22 13:40:28 756 2
原创 element el-cascader props.multiple = true 不能多选
element el-cascader props.multiple = true 不能多选在package.json查看element-ui版本"element-ui": "^2.3.4",而el-cascader的多选是在2.9.0版本更新的更新到最新版本,问题解决
2020-06-22 11:44:10 3736 1
原创 Element Table 多层展开行内部不同展开行多选数据处理
Element Table 多层展开行内部不同展开行多选数据处理Table 展开行通过设置 type="expand" 和Scoped slot可以开启展开行功,如何选择Table 多层展开行内部不同展开行多选数据进行处理呢见图图片需求是需要选取不同绿色区域的数据进行处理,Table Events 中selection-change 事件又只能获取到当前绿色区域选择的值,而之前...
2020-04-30 18:18:02 2143 2
原创 vant Overlay 遮罩层 默认插槽不生效问题
vant 官网上通过默认插槽可以在遮罩层上嵌入任意内容<van-overlay :show="show" @click="show = false"> <div class="wrapper" @click.stop> <div class="block" /> </div></van-overlay>...
2020-01-21 14:38:58 5684
原创 手机端 vue2.x项目 PDF查看(vue-pdf)(亲测有用)
安卓机无法直接打开pdf,需跳转浏览器下载查看,体验不好,Vue-pdf 组件完美解决↓↓↓安装 npm install --save vue-pdf GitHub地址:https://github.com/FranckFreiburger/vue-pdf#readme参考:https://www.cnblogs.com/qdlhj/p/11237040.html<te...
2020-01-07 17:27:18 1619 5
原创 vant +vue 单选、复选按钮 改 带边框的单选、复选框 + 单、复选取值
由于vant 中的单选、复选在手机端无 带边框选框的效果 只能自己动手写一个了为方便查看是否所需,先上效果图单选复选单选代码<div class="RadioStyle"> <div class="radioList"> <input type="radio" name="Storage" id="Radio1" va...
2019-08-19 11:05:45 2488 11
原创 vue v-viewer库 显示出图片名称
已安装viewer往下看,未安装请走https://blog.csdn.net/qq_36247432/article/details/89098038先看原代码<viewer :images="images"> <img v-for="src in images" v-lazy="src" :key="src" width="280" height="180...
2019-04-08 17:55:05 1901 5
原创 vue中的 v-viewer+懒加载+属性修改
安装配置 npm install v-viewer --save v-viewer库npm install vue-lazyload --save-dev 懒加载<template> <div id="app"> <viewer :images="images"> <img v-for="src ...
2019-04-08 17:30:00 2941 1
原创 输入后匹配输入建议el-autocomplete 与el-tag 的结合使用
先上效果图HTML <el-autocomplete class="inline-input" v-model="cSubcategoryNo" :fetch-sug...
2019-03-22 11:52:03 5786 1
原创 element 中el-select multiple多选如何获得label值
element 中<el-select> multiple多选如何获得label值HTML<el-select v-model.trim ="form.dataList" multiple placeholder="请选择" > <el-option v-for="item in data" :ke...
2019-03-14 13:42:40 5294 2
原创 vue PC端 省市区三级联动选择器 element-china-area-data + 一些实际中的改动
element-china-area-data 的安装,使用等就不介绍了,官网有详细介绍。附地址:https://github.com/Plortinus/element-china-area-data修改省市区联动(带“全部”选项)去除“省”一列的“全部”一栏,去除一些省、市、区,不显示在列表中工作需要,去除“省”一列的“全部”一栏,去除一些省、市、区,不显示在列表中。嗯嗯嗯嗯...
2019-03-01 20:19:10 10941 2
原创 ElementUI 中el-date-picker日期选择器 常见限制可选择的日期(X天,X周,X月, X年)
组件代码:<el-form-item label="日期"> <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="" v-model="BirthTm" style="width: 140%;" :picker-options="dateLi
2019-02-15 15:03:27 5593 7
原创 微信小程序 笔记 (杂)
微信小程序 笔记 (杂) 刚入小程序不久,写写笔记。 事件分类事件分为冒泡事件和非冒泡事件:冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。WXML的冒泡事件列表:类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove...
2018-12-19 11:04:40 191
原创 使用vuex在vue2.x + vant 项目中加 loading加载
由于项目需要,参考网上例子,自己动手写了一个,废话不多说,上代码。在src目录下新建store目录,store目录下新建store.js文件 (已确保已装好vuex)import Vue from 'vue'import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { ...
2018-10-15 10:57:21 27078 18
原创 webpack grunt 的区别
webpack grunt的区别webpack、grunt都是前端打包的工具:其实Webpack和grunt并没有太多的可比性,Grunt是一种能够优化前端的开发流程的工具,而WebPack是一种模块化的解决方案,不过Webpack的优点使得Webpack在很多场景下可以替代Grunt类的工具。实在要把二者进行比较,Webpack的处理速度更快更直接,能打包更多不同类型的文件...
2018-06-25 14:53:12 3859
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人