- 博客(24)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue2之各种插槽
作用于插槽：一般是用来父组件要根据子组件的值做显示。假如在子组件里有有一些数据，父组件要拿到这些数据，做不同的处理。插槽也是用于vue间创建的数据的一种方式，一般都是传递html元素。比如可以用于定义一个带样式的title等。具名插槽：顾名思义，有名字的插槽。默认插槽：没有name的插槽。
2024-03-28 10:34:25
249
原创 vue2和vue3中的v-model
v-model常用在父组件给子组件传值，而子组件的值发生变化时，也想让父组件的这个值同步发生变化时。例如，要控制el-dialog的visible，在父组件调用这个弹窗时，把控制显藏的变量传到子组件，在子组件里要关闭弹窗时是需要emit到父组件把变量置为false的，这个时候就可以用到v-model代替一般的传值，当然用其他的传值方式也可以。v-model 只能针对一个变量进行数据绑定，而 .sync 修饰符可以实现多个参数的数据双向绑定。而且使用.sync也可以简化写法。
2024-03-26 16:09:13
718
原创 多选el-table判断当前行是否被选中
代码中的scope里面有很多参数，例如要编辑的当前行的下标，还有当前行是否勾选，以及当前行展示的所有数据，具体见下图。
2024-03-13 16:54:11
1477
2
原创 js a标签实现批量下载
这是antd的form表单最后一栏加操作的写法，在这里面下载接下来是批量下载正常的批量下载只会下载最后一个文件，所以要在每一次下载之后加个延迟就可以一个个的下载，百度到的其他的文章试了之后，部分是不可以的，亲测这样有效...
2021-03-01 11:01:33
912
原创 react+antd tabs页签 切换 清空定时器
react+antd tabs页签 切换 清空定时器需求情景在tabs其中的一个页签下，添加定时器，在切换页签的时候，定时器清空因为tabs切换的时候，浏览器F12可知，页签时销毁不掉的，只是单纯的隐藏了，所以在生命周期的函数里清空是不起作用的也付一下react组件定义定时器的方法，省得我忘了所以我的组长好聪明，在父组件控制了这个页签的显示与隐藏这样在切换tabs的时候，这个页签在F12下就找不到了，自然里面的定时器就会销毁了...
2021-03-01 10:54:25
1112
原创 react+antd 里的radio设置动态默认值遇到的坑
react+antd 里的radio设置动态默认值遇到的坑需求说明Radio的默认值是从父组件传过来的，想用defaultVlaue设置动态默认值，上代码。这么写是没办法设置成功的具体原因目前还不清楚，反正这样的写法只能给Radio的默认值设置成一个固定的值，比如defaultVlaue={‘1’}设置成功的方法就是再加一个value属性...
2021-03-01 10:46:28
2235
3
原创 React+antd Form表单遇到的坑
React+antd Form表单遇到的坑React+antd Form表单遇到的坑新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：1....
2021-03-01 10:31:47
737
1
原创 elementUI dialog点击页面会跳动
原因是dialog出现的时候，dialog的遮罩层把原来页面上的滚动条挡住了，在css中可以看出，原来css中body{padding-right:17px;}当dialog出现的时候，页面右边的滚动条会消失，以至于页面会跳动一下，所以解决方法是在全局的css里设置下body的右padding，让他无论在什么情况下，都是0；具体设置如下body{ padding-right:0!i...
2019-12-12 15:13:45
1286
原创 关于min-height，小计
min-height在日常需求中，我们肯定有img想让它自适应高度的需求，有时候会设置一个最小高度，但是经测试(不准确，我个人是遇到了这个问题)，min-height在safari浏览器中，是起了作用了，但是图片的高度就是min-height的高度，不会自适应，以至于图片会变形，所以图片要设置一个height：auto；...
2019-11-25 10:33:15
165
原创 vue 滑块验证 移动端
上篇是pc端的滑块验证，这篇是我自己写的移动端的，亲测在ipad上可以，跟上篇差不多，但是在这篇里多了判断是pc端还是移动端的代码，相应的事件也会不一样。//这是判断是啥pc还是移动端的方法os(){ var ua = navigator.userAgent, isWindowsPhone = /(?:Windows Phone)/.test(ua), isSymbian...
2019-11-07 09:52:47
1747
1
原创 vue项目在ie浏览器上要注意的问题
1. 动态设置背景图片不显示图片的代码<div class="photoBox" v-show="!ifCircle" :style="{backgroundImage:'url('+ info.avatar}"></div>修改之后可以正常显示的代码，至于原因我也不知道<div class="photoBox" :style="note"></...
2019-11-01 11:17:00
403
原创 css的border-radius实践
关于css的border-radius最近在做公司的项目，要求在官网展示app端上传的头像且要求圆形展示，有这样两种情况，一是在app端上传的是正方形的头像，一是展示app提供的默认的长方形头像关于正方形头像的展示，很简单 一句border-radius：50%搞定关于长方形头像的展示，用了圆角之后发现的情况如下图，上图为长方形的头像，下图为border-radius：50%之后的头像...
2019-10-28 16:17:53
269
原创 vue 滑块验证
第一次做vue的滑块，但是项目要求赶紧上线，所以就参考了这位老兄的 传送门，谢谢啦，是真的优秀滑块组件的代码<template> <div class="jc-component__range"> <div class="jc-range" :class="rangeStatus?'success':''" > <i @mou...
2019-10-25 18:24:00
848
原创 IOS下input的placeholder不垂直居中的问题
input的placeholder不垂直居中，input设置高度后，使用line-height只能使输入的文字垂直居中，但是placeholder不会居中，反而会偏上。就不上图了，遇到的小伙伴会知道啥意思的，直接上解决方法的代码input::placeholder fz(14) font-family PingFangSC-Semibold font-weight:600;...
2019-10-25 14:54:56
1706
1
原创 vue axios使用delete方法传参
axios有增删改查，相对应的有post,delete,patch,get方法，接下来就来记录下用delete方法遇到的坑1.封装axios2.api.js1.封装axiosimport Vue from 'vue'import axios from 'axios'import { Message, Loading } from 'element-ui'import Cookies fr...
2019-10-23 14:42:57
5518
原创 小程序返回上一页要携带当前页面的参数
1.需求现有两个页面A、B，需求是A页面需要B页面的的数据（差不多的情景就是一个列表，需要根据所属民族等的筛选，然后民族列表就放在了一个页面，需要再列表页跳到民族也，然后携带所属民族的id属性）。现有三个方法可以解决：2.解决办法把B页面所选择的id存在本地，在A页面onload的时候查询本地的数据，在A页面onUnload的时候清掉本地的数据，以防在其他页面进入A页面的时候判断出错自我...
2019-10-19 17:09:05
315
1
原创 小程序 点击右侧字母列表 左侧滚动到字母对应的列表
小程序 点击右侧字母列表 左侧滚动到字母对应的列表发现小程序竟然有自带的功能 开熏 省了很多时间 闲话不多说 上图发现小程序竟然有自带的功能 开熏 省了很多时间 闲话不多说 上图重点已经在图上标出官方文档的链接...
2019-10-19 11:30:09
851
3
原创 vue按需引入element的message之后，页面刷新之后会提示一个空的消息框
vue按需引入element的message之后，页面刷新之后会提示一个空的消息框按需引入message)按需引入message当我们不想让无用的element打包之后占用太多空间的话，我们想到了按需引入。最近写项目用到了message，但是发现常规引入的话，刷新页面会出现空白的消息提示，于是… 当当当import { Dialog,Pagination ,Message ,Casca...
2019-10-08 14:56:58
917
空空如也
vue 销毁scroll事件 不生效。
2019-10-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人