会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
bingxiaoxiao
zhangchenxiao
博客园
首页
新随笔
联系
管理
订阅
2024年7月12日
vue 混合方法mixins 协可以写入公共的方法
摘要: 新建一个文件夹mixins 同views 同级 export default { data() { return { }; }, mounted() { }, methods: { // 修改标题方法 ready(callback) { // 如果 jsbridge 已经注入则直接调用 if (wi
阅读全文
posted @ 2024-07-12 10:10 bingxiaoxiao
阅读(2)
评论(0)
推荐(0)
编辑
2024年7月10日
vue 点击图片方法
摘要: 一般项目中需要点击触发事件才进行查看大图,elementUi组件库中并没有写触发需要执行的代码,这里在触发的方法中加this.$refs.preview.clickHandler()触发查看大图功能 <el-upload class="avatar-uploader" accept=".jpg,.j
阅读全文
posted @ 2024-07-10 09:53 bingxiaoxiao
阅读(2)
评论(0)
推荐(0)
编辑
2024年6月27日
element ui select 组件下拉滚动条样式优化
摘要: 鼠标经过变宽 ::v-deep .el-scrollbar { .el-scrollbar__bar{ width: 6px; right: 2px; .el-scrollbar__thumb { width: 4px; border-radius: 4px; background-color: #
阅读全文
posted @ 2024-06-27 15:29 bingxiaoxiao
阅读(4)
评论(0)
推荐(0)
编辑
2024年6月26日
解决vue elementUI el-tabs默认选项下划线不显示的问题
摘要: el-tabs初始加载时,el-tabs__active-bar的宽度为0,导致下划线不显示问题 首先在el-tabs组件中加入v-if=“ifShow”, 默认值为false 请求tabList数据接口时给添加为true <el-tabs v-if="ifShow" v-model="authTy
阅读全文
posted @ 2024-06-26 17:55 bingxiaoxiao
阅读(23)
评论(0)
推荐(0)
编辑
2024年5月28日
微信、支付宝小程序引入阿里巴巴矢量图库
摘要: 阿里巴巴矢量图标库:https://www.iconfont.cn/第一步:生成fontclass地址 将喜欢的icon加入购物车 将购物车中的图标添加至项目 获取项目,下载至本地 使用iconfont.css 第二步:引入字体 将iconfont.css 内容粘贴到微信小程序项目中 assets/
阅读全文
posted @ 2024-05-28 18:09 bingxiaoxiao
阅读(8)
评论(0)
推荐(0)
编辑
2024年5月27日
递归
摘要: <!--修改二级字段-->const list = this.pcTreeData.map(item => { const arr = item.btnInfoVos.map(i => { return { ...i, id: i.btnCode, componentTitle: i.btnName
阅读全文
posted @ 2024-05-27 17:32 bingxiaoxiao
阅读(3)
评论(0)
推荐(0)
编辑
2024年5月7日
Vue实现可拖拽边界布局
摘要: 实现可拖拽边界布局 一种可拖拽边界的布局,通过拖动分隔线来调整不同区域大小。 主要涉及到以下几个方面: 布局结构:使用flex布局来实现容器和子元素的分配,使用style绑定来动态调整区域的大小,使用cursor属性来改变鼠标的形状。数据定义:使用data选项来定义不同区域的宽度和高度,以及是否正在
阅读全文
posted @ 2024-05-07 14:17 bingxiaoxiao
阅读(117)
评论(0)
推荐(0)
编辑
2022年5月5日
js 删除对象里的某个属性
摘要: 1. 使用delete let a = {b:1,c:2} delete a.b//true console.log(a)//{c:2} 2. 使用解构 let a = {b:1,c:2} let {b,...a} = a console.log(a)//{c:2} 3.使用反射 let a = {
阅读全文
posted @ 2022-05-05 14:44 bingxiaoxiao
阅读(1170)
评论(0)
推荐(0)
编辑
往对象中新增一个参数(之前没有定义)
摘要: this.$set(this.formData.crmAssessmentSettingCustomerVisitTargetList[0], 'typeList', res.data)
阅读全文
posted @ 2022-05-05 14:26 bingxiaoxiao
阅读(106)
评论(0)
推荐(0)
编辑
2022年4月26日
限制input 只能输入正整数小数点一位 两位(指令方法)
摘要: 1.在directive文件下的directive.js中内容如下 // 判断小数点正整数 v-inputLimit='0' 0位 v-inputLimit='1' 1位 v-inputLimit='2' 2位 const inputLimit = { bind(el, binding) { var
阅读全文
posted @ 2022-04-26 09:59 bingxiaoxiao
阅读(757)
评论(0)
推荐(0)
编辑
下一页
公告