- 博客(60)
- 收藏
- 关注
RSS订阅原创 vue 面试题（中级题库）
reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后，需要重新计算布局树，会引发 layout。为了避免连续的多次操作导致布局树反复计算，浏览器会合并这些操作，当 JS 代码全部完成后再进行统一计算。所以，改动属性造成的 reflow 是异步完成的。也同样因为如此，当 JS 获取布局属性时，就可能造成无法获取到最新的布局信息。浏览器在反复权衡下，最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。
2023-04-28 10:58:13
1064
1
原创 关于VSCode的一些插件
any-ruleAutoScssStruct4Vue根据 vue文件的模板template结构，自动生成对应的 scss文件CSS Navigation
2023-04-27 15:54:01
195
原创 小程序wx.chooseImage和wx.chooseVideo 上传多张图片和视频
直接看代码拉，可直接赋值实现噢 <view class="upload" style="overflow:hidden;"> // 展示上传的图片 <view class="imgList" wx:for="{{imgsrclist}}" wx:key="index" style=""> // 点击删除的按钮
2022-04-22 10:27:00
2193
1
原创 微信小程序获取位置后只显示省市
this.data.city是获取到的城市（具体地址） //取出省市区关键字段得位置 let provinceIndex = this.data.city.indexOf("省") let areaIndex = this.data.city.indexOf("市") //根据indexOf方法得到的坐标进行截取内容 // let province = this.data.city.substring...
2022-04-13 11:19:47
617
原创 Vue el-input限制输入的字符（多种情况 进来看吧）
通过@input只能输入英文大小写和数字 及最大长度maxlength <el-form-item label="经营许可证号" prop="businessCertificate"> <el-input v-model="tableList.businessCertificate" maxlength="50" plac
2022-02-15 15:01:48
8037
原创 小程序使用movable-area实现浮窗滑动（在两侧停留）
直接上代码：必须有宽高 <movable-area style="width: {{widthWrap}}px;height: {{heightWrap}}px; pointer-events: none;position: fixed;top:0px;left: 0;"> <movable-view direction="all" x="{{x}}" y="{{y}}" inertia style="pointer-events: auto;position: absol
2022-02-08 15:54:29
839
1
原创 this.$set的用法
1.this.$set实现什么功能，为什么要用它？当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.set（）这个方法了，简单来说this.set（）这个方法了，简单来说this.set（）这个方法了，简单来说this.set的功能就是解决这个问题的啦。2.怎么用它？举例：1.vue 中写在标签的代码2.export default{}中data数据3.点击按钮触发changeValue方法，✨调用方法：this.$set( tar
2022-01-13 09:38:46
449
原创 vue下载模板 （导出）
<el-button size="mini"> <svg-icon icon-class="Icon-Save" style=" border: 1px dashed #afb0b2; width: 14px; height: 14px; margin-right: 8px; " ><...
2022-01-05 11:00:19
960
原创 微信小程序video默认不播放且显示视频第一帧
小程序video 只设置 controls="{{false}}" 会显示播放按钮通过设置show-center-play-btn="{{false}}" 就可以把按钮去掉 显示视频封面<video initial-time='0.01' src="{{item}}" controls="{{false}}" objectFit="cover" show-center-play-btn="{{false}}"></video>一点点积
2021-12-30 10:28:45
2869
1
原创 el-cascader 级联选择器回显数据 （带有子级children）
上代码拉这里要说一下加校验 提交得时候是提交数组，所有prop 绑的也是这个值 <el-form-item label="权限范围:" :label-width="formLabelWidth" prop="roleMenuList" > <el-cascader v-model="role_id"
2021-12-23 17:38:03
1918
原创 el-cascader 级联选择器 编辑 回显数据
直接看代码把 都有注释噢 这个是没有子级children 的 只有父级他是通过v-model 绑定id 值 来回显数据carList：是循环的数据props：是你要显示的数据 名字 id <el-form-item label="驾驶车辆" :label-width="formLabelWidth" prop="vehicleId" > &.
2021-12-23 15:14:02
3861
原创 如何在input框中加文字（单位）
看图prefix:前面加suffix：后面加 <el-form-item label="车辆载重" :label-width="formLabelWidth"> <el-input v-model="form.name" placeholder="请输入" autocomplete="off" > <
2021-12-15 15:25:32
10649
1
原创 小程序筛选（可多选），进来看吧，是你想要的吗
功能：可进行多选，点击全部，其他取消选中，点击每一个item ,进行选中和取消套用即可 没有无用代码！直接看代码，举一个例子wxml<!-- 经营项目 --> <view> //title:经营项目 <view style="margin: 32rpx 108rpx 32rpx 32rpx;font-size: 32rpx;">{{dropDownMenuSourceData[0].detailList[0].title}}
2021-12-07 17:13:43
3130
原创 小程序如何在组件中打印出传过来的值
小程序组件中使用的是Component({ properties: { dropDownMenuSourceData: { type: Array, value: {} }, }, data:{ dropDownMenuSourceData:[] } // 组件 里面使用ready事件 **ready**: function (e) { this.setData({ dropDownMenuSourceDat
2021-12-06 16:34:42
1111
原创 小程序样式直接赋值不生效，使用这种方法（点击一个按钮，添加背景颜色，再点击时取消）
点击一个按钮，添加背景颜色，再点击时取消giveList: 是你循环的数组data.index：是索引，点击的时候将他传过来（data-index="{{index}}")actived: 是控制点击选中或取消，通过true 和 false 来判断拿到点击的那个索引让他取反通过过滤方法把actived 和你要选的那一项 name 或者是它的iddetailValue：是所有选中的值selectMater: fnction(e) { console.log(e
2021-12-06 16:29:19
555
原创 echarts拿到数据后，如何展示
比如一个饼图：首先必须有一个盒子,宽高必须有<div class="piebox" id="piebox" style="width: 100%; height:100%;"></div>data() { return { myChartAnalysis:{}, //考勤分析扇形图 analysisOption:{} //考勤分析扇形图 }; },<script> // 请求接口： getAtt
2021-10-14 10:46:02
215
原创 vue 使用wangeditor富文本
展示：父组件中使用：<el-form-item label="内容" prop="content"> <editor-bar v-model="ruleForm.content" :isClear="isClear" @change="change" ></editor-bar></el-form-item><script>import EditorBar fr
2021-10-12 16:32:48
227
原创 关于上传文件的操作el-upload
实现：可以查看文件，以及上传，修改后显示的链接<template><el-form-item label="附件" :label-width="formLabelWidth" prop="url"> <a :href="editform.url" target="_blank">点击查看文件</a> <el-upload class="upload-demo"
2021-09-27 09:36:37
259
1
原创 element的dateTimePicker组件清除选择时间 检索时报错 TypeError: Cannot read property ‘0‘ of null的处理
当用控件自带的clearable属性清除选中时间之后检索，console报错TypeError: Cannot read property ‘0’ of null 原因是初始化为空，选中之后有两个值，清除之后变为null，用watch监听处理异常。在此记录一下。在vue的script中添加以下代码：“createTime”对应的是el-date-picker的v-model值 watch: { "createTime"(newVal) { i
2021-09-26 14:23:45
1181
3
原创 Vue-html中字符串溢出为省略号方式总结
1.css样式自带的文本溢出.类名{width: 50px; /设置文本长度，像素或者百分比/overflow:hidden; /溢出的部分隐藏/white-space: nowrap; /文本不换行/text-overflow:ellipsis;/ellipsis:文本溢出显示省略号（…）/}如果要想显示两行，超出用省略号表示要怎么写？{overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display
2021-09-23 15:40:16
1607
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人