- 博客(27)
- 收藏
- 关注
RSS订阅原创 element UI table合并单元格方法
废话不多讲，直接上代码，希望能帮到需要的朋友。上个效果，因为很多人要看是不是自己想的样式。是这个效果的就拿走吧，笔芯~表格上这么用就OK了。
2024-04-09 19:33:56
421
原创 vue3 上传组件判断文件名是否已存在，before-upload返回false自动调用before-remove on-remove钩子问题解决方法
当我们上传已经传过的文件时，以上判断就会生效，就会最直接调用on-remove方法了，并且之前的相同文件就会被删除，那么我们就要阻止删除已上传的文件，删除当前上传的这个文件，这时就需要在on–remove里加上一个判断，当上传的状态不是 success 时就返回true（同意删除当前上传未成功的文件）封装的上传组件在on-remove是可以返回一个方法和值的，但是这个值是对象，不能返回数组，否则父组件会接收不到，从而导致bug的诞生。这样子就解决了，不是问题的问题，不是bug的bug。
2024-04-09 19:26:30
424
原创 vue 引入百度地图
3、创建地图实例（自定义样式需要使用到个性化地图：https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/custom）首先是 HTML（其实就是一个 div 搞定），具体的样式根据自己的情况画吧。先看下效果图吧，一眼望去比较直观，也能知道是不是自己想要的效果。好了，大致就这样，有问题需要帮助的请留言~~2、在main.js文件中全局引入百度地图。接下来就是开始开发的过程啦~~~接下来是js 的相关操作啦~也可以用 script 引入。
2023-12-11 16:11:19
401
原创 vue 插槽 slot 使用
这样自定义的插槽就好了哟，习惯性放张图片，有利于看看是不是自己需要的那种样子，有需要的抄抄呗。1、先定义要使用的插槽vue文件 （我这里定义的是 nav-slot）2、在要用插槽的界面引入插槽文件 nav-slot。vue 插槽 slot 使用。3、我这里是随便画了个搜索框。
2023-04-26 16:17:22
140
原创 自定义vant 单选 radio和复选框 checkbox 样式
自定义vant 单选 radio和复选框 checkbox 样式。其中，数据是自己的，不做过多解释，更换成自己的数据即可。好了，最后看下界面吧，我这里做的是答题选中的效果。2、这里是复选框 checkbox 的哦。3、这里是重点哦（ CSS啦 ）1、这里是单选 radio 哦。话不多数，直接上代码。
2023-04-26 15:23:50
4558
原创 npm i 初始化 node-sass 错误
弄了好半天才搞出来，先记录一下下npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the node-sass@4.14.1 postinstall script.npm ERR! This is probably not a problem wi
2022-02-17 16:01:31
472
原创 vant list 分页问题
vant list 分页问题是项目中基本都会遇到的，但是还是记录一下吧，万一哪天脑袋短路不会写了怎么办（略略略~~） // list 是vant按需引入的组件 // demand-accept-list 是自定义列表组件（分页写到组件外面） // null-data 自定义空数据页面（有需要的自己画界面吧） <list v-model="loading" :finished="finished" :finished-text="showEmpty
2021-12-07 15:20:53
2259
原创 视屏标签 video 的用法
做项目时遇到了视屏不放不了的问题，现在就做一下记录，后面忘了还能找找（嘻嘻~）<video id="video" src="video.mp4" controls = "true" poster="images.jpg" /*视频封面*/ preload="auto" webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放*/ playsinline="true" /*IOS微信浏览
2021-12-07 15:12:06
5611
原创 css实现三个DIV完美等分样式
css实现三个DIV完美等分样式html代码：<div class="aa"> <div style="background:red; height:100px;"></div> <div style="background:#00ffff; height:100px;"></div> <div style="background:#33CC66; height:100px;"></div&
2021-10-15 15:58:54
940
原创 css flex布局使多个相互之间有间隔的元素两端对齐显示
先上图看看想要实现的效果display: flex;justify-content: space-around;/* 子元素溢出父容器时换行 */flex-flow: row wrap;哈哈哈，OK，就酱紫
2021-07-20 15:54:50
1948
原创 vant日期选择器使用
vant日期选择器使用最近遇到个需求就是日期选择只要月，日，时，分，居然不要年份，我懵了，我不会呀，咋办，经过几近波折，也问了好多同，还是得做呀，终于功夫不负有心人（呜呜呜，太不容易了）看下效果吧咱也不说啥，干脆点，直接上代码吧// currentDate: new Date() 当前日期<van-datetime-picker v-if="showPicker" v-model="currentDate" type="datetime" title="自定义列排序" :columns
2021-04-22 16:49:02
1764
5
原创 vue实时监控输入框输入字符的长度
vue实时监控输入框输入字符的长度先看下效果图：这个真的简单不能再简单了，不过还是得记录一下，以免后续忘得一干二净上代码吧!<van-popup v-model="show" position="bottom" :style="{ height: '50%' }"> <van-row type="flex" justify="center"> <van-col span="22"> <div class="p
2021-04-22 16:31:40
1955
原创 Vant 选择器 使用插槽方法
Vant 选择器 使用插槽方法官方提供样式满足不了自己需要的样式时可以使用插槽可以自定义布局样式：我这里配合了popup弹窗层使用，具体看自己的需求 <van-popup v-model="sexShow" position="bottom" :style="{ height: '50%' }"> <van-picker :show-toolbar="true" :columns="columns" ref="getValues" @confirm="onConfirm
2021-04-22 16:25:01
5892
2
转载 node.js安装详细步骤
node.js 安装及环境变量配置详细步骤原文链接：https://jingyan.baidu.com/article/3d69c5512a7b5ff0cf02d792.html
2021-03-09 15:34:34
203
原创 element选择器 同时需要选中值的两个值
element选择器 同时需要选中值的两个值（lable及code）话不多说，直接上代码（主要是自己遇到的问题，记录一下）HTML代码<el-select v-model="dataForm.operateName" placeholder="请选择" :label-width="labelWidth" @change="operateName"> <el-option v-for="item in operateNameList" :key="item.craftCode" :l
2020-10-16 15:33:30
827
原创 echarts图表应用
echarts图表在vue中的应用话不多说，直接上步骤：1、vue引入echarts安装依赖包：npm install echarts --save2、应用pie饼图html代码块<template> <div id="myChart" :style="{width:'100%',height:'240px'}"></div></template>js代码块getWorkflow() { getAction(thi
2020-08-03 20:54:55
167
原创 uni-app实现多选
就这么一个简单的样式切换问题，让我搞了好久，终于功夫不负有心人，还是给弄出来了，这不，就趁热打铁，给它记录下来，万一后期又忘了还能有个看处，嘻嘻~（说明我记性差，朋友都说我是鱼的记忆），好了不多说，先说下步骤哈!1、先把基础的布局及样式写好（基本操作）2、把要替换的样式写好（记得给个类名，上同）3、然后就是我们的js操作了步骤就是这样，为了看得更清晰，明了，上代码吧，相信很多人会跟我一样，有时候会有一些懵逼的地方（都是小白，咱也不敢装逼，哈哈~）先看下效果图，毕竟看了效果图才知道是不是自己想要的效
2020-05-26 11:38:21
10622
7
原创 获取浏览器和屏幕各种高度宽度
原生js：document.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body)，包括border、margin等document.body.offsetHeight; ...
2020-04-28 11:59:31
187
原创 vue获取浏览器请求链接的参数
在我们做卫星公众号项目的时候往往都要获取用户信息，这时候后端会给你请求链接。我们的参数就是从这个请求连接里拿的首先新建一个文件夹 method.js加入下面的代码：export function getUrlKey(name) { return ( decodeURIComponent( (new RegExp("[?|&]" + name + "=" + "...
2020-04-10 18:09:49
1924
原创 vue安装 axios
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。话不多说，直接上步骤：安装：1.执行下面命令npm方式npm install axioscdn方式<script src="https://unpkg.com/axios/dist/axios.min.js"></script>2.配置axios在项目中新建...
2020-04-10 17:48:49
888
原创 CSS3两大实用属性，以及网页制作技巧
一、使用 :not() 在菜单上应用/取消应用边框我们通常的做法是先给每个菜单项设置边框，然后在设置最后一个菜单的边框为零/* add border */.nav li { border-right: 1px solid #666;}//* remove border */.nav li:last-child { border-right: none;}不过不要这么做，使用...
2019-11-20 18:05:04
124
原创 H5 web存储
什么是 HTML5 Web 存储?使用HTML5可以在本地存储用户的浏览数据。客户端存储数据的两个对象：localStorage 和 sessionStoragelocalStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。不管是 loca...
2019-10-22 17:27:07
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人