onlylele-CSDN博客

1、基础库配置在build.gradle中添加资源引用implementation fileTree(dir: 'libs', include: ['*.aar', '*.jar'], exclude: [])implementation "com.android.support:support-v4:28.0.0"implementation "com.android.support:appcompat-v7:28.0.0"implementation 'com.android.suppo

2021-06-30 17:37:41 1102

原创 vue 父子组件之间传递参数（provide/inject）

注意：provide和inject需要一起使用；示例代码如下：1. 父组件中：设置传递给子组件的内容；// 父组件provide() { return { message: (data) => { return new Promise((resolve, reject) => { this.handleClickOptions('message', data, this.$refs.info.getCurrentInfo..

2021-05-27 15:54:36 653

原创搜索栏输入框输入后自动搜索功能

作用：顶部搜索栏搜索框填写完内容后让其自动搜索；代码如下； watch: { 'params.order_sn'(newVal,oldVal){ //添加空格不做处理 if(newVal.trim() == oldVal.trim()) return; // 输入框防抖 clearTimeout(this.debounceTimer); this.debounceTimer = setTimeout(()=&gt

2021-05-18 17:15:23 1750

原创 js 金额相关数据内容整除显示处理

需求：当金额数据大于10000时显示 'num万元' 否则显示 'num元'；实现： filters: { totalMoney(totalM) { const floatMs = (totalM / 10000) % 1 === 0 ? (totalM / 10000) + '万元' : parseFloat(totalM / 10000).toFixed(2) + '万元' const floatMe = totalM % 1 === 0 ? (totalM +

2021-04-17 11:41:30 237

原创 el-checkbox-group多选框编辑时渲染显示，修改选择无效问题；

1、问题描述：使用elementui 中的多选框组件，编辑表单内容时可以正常显示，但是改变时一个选择无效，显示状态没有修改成功问题；如下图所示：2、使用说明：仅部分主要代码，markList 为被选项列表。 // 修改客户标签改变 , i handleRoleCheckedChange(m) { this.markList.forEach((itds, i) => { if (itds.wholesaler_mark_id === m.wholesal

2021-03-30 15:04:11 2301

原创 uview 中u-select选中时默认的选择状态聚焦

效果如下：使用u-select 时，默认选中的状态设置；设置实现：<view class="stork-shaixuan iconfont"> <view class="ware-select" @click="selectarea('salesman')"> {{ salesmantext || '选择业务员'}} </view> </view> <u-s

2021-03-27 15:37:49 4539 1

原创 elementUI 表格右侧固定布局错误问题

问题效果如下：解决：1，html 布局中添加：2. 页面中覆盖原样式代码：<style lang="scss" scoped> .table-fixed { /deep/ .el-table__fixed-right { height: 100% !important; //设置高优先，以覆盖内联样式 } /deep/ .el-table__fixed { height: 100% !important; //设置高优

2021-03-19 16:51:56 1253

原创常用页面中上下无缝滚动效果

常用web页面中设置上下无限滚动效果；（左右滚动类同）代码如下： <div id="colee_left" class="news-right-cont" style="touch-action:none;height: 360px;overflow-y: hidden;"> <ul id="colee_left1">

2021-03-11 14:33:35 715

原创 web 文本打字动态效果

说明. 实现文本内容的打字输入的动态效果，代码实现如下：html:<div class="hcontainer text-center flex-center" id="HotNews"> 公司使命：服务国家战略、保障人民健康、引领行业发展/div>js效果实现:<script LANGUAGE="JavaScript"> var NewsTime = 2000; //每条新闻的停留时间 var TextTime = 50; .

2021-03-04 10:36:22 543 1

原创 web页面常用分页效果

1、分页效果如下：代码实现： <div id="pages" class="pb-50 mtb-25"> <div class="common"> <ul> <ul class="clearfix page-center"> <li><span class="rows">共 18 条记录</

2021-02-24 09:27:13 543

原创 Uni-app 云打包（安卓App）基本流程

1、manifest.json 配置（app模块配置，权限配置根据需要勾选即可）2、云打包说明：注意打包时需要有项目的管理权方可打包；配置完成后打包即可！

2021-01-31 11:07:10 2989

原创 Set 使用场景及分析

1、set使用数组去重，如下所示：// 例一const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]// 例二const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);items.size // 5// 去除数组的重复成员[...new Set(array)]// 去除字符串里面的重复字符[...new Set('ababbc')].join('')// "abc"..

2020-10-29 16:21:35 1712

原创 Elementui cascader组件如何取消选中 clearCheckedNodes

问题在form表单中使用cascader，某些需求下会将整个表单disabled，如果此时点击了cascader，它会disabled，但弹出框不会消失。查看文档给cascader设置上ref<el-cascader v-model.trim ="cId" ref="cascader" :options="category" @change="handleChange"></el-cascader>调用 // 清空选中的节点 this.$ref

2020-10-12 14:30:39 5128 3

原创 Css3、Scss 常用的布局设置-通用

常见的几种css布局垂直居中// 第一种绝对定位#parent{ position:relative; height:400px; .son{ position:absolute; width:100px; height:100px; top: 50%; transform: translateY(-50%); }}// 第二种 flex布局#parent{ display:flex; align-items:center; .

2020-10-08 16:39:25 810

原创 Element ui 设置默认时间显示

element ui 选择时间组件：需求：实现默认时间定位于当前时间延后7天的日期；且当前时间之前的日期不能选；html部分: <el-date-picker v-model="shopForm.end_time" type="datetime" size="medium" style="width:100%" .

2020-10-08 15:40:47 5863 1

转载 css3 图片阴影、翘边效果

CSS3实现曲线阴影和翘边阴影往往我们在做一些特殊的阴影效果的时候，使用图片做背景的方式实际上是很差劲的，在不考虑适配老版本浏览器的前提下，我们可以使用css3的自定义出自己想要的阴影风格。下面将以曲线阴影和翘边阴影为例，讲解自定义阴影的过程。先来看下效果图曲线阴影曲线阴影其实可以使用双层阴影重叠的方式实现我们将取消阴影的图片做下分解应该会更容易理解，示意图如下：如上图，图1基础的阴影下，在加一个有弧度的阴影即可。1、图1基础阴影很容易实现，内阴影+外阴影.box-shad

2020-10-07 10:51:05 470

原创 KeepAlive 简单使用，及手动去除内容存储

项目需求：使用keep-alive实现项目中部分页面的存储功能，当关闭页面需求清除掉缓存，tab切换页面时需要保留内容进行缓存；问题：关闭后，重新打开页面，内容仍然存在，需要强制清除keep-alive保留的缓存内容；效果如下：实过程及思路：部分代码1、keep-alive使用保留缓存实现：router配置：或者 <keep-alive> <router-view v-if="$route.meta.keepalive" :key...

2020-09-12 18:42:24 1390 1

原创 ES6 数组合并，向下查重且去除重复项；

应用场景：在项目中选择数组对象内容，选择后需要有所标识，或者默认会有一组数组对象数据追加到请求的数组中，且在最前端展示，其后加载过来的相同的数据对象将被替换掉；需要数组对象查重处理；主要代码实现：/*** * 其他内容代码略过； * 说明： * that.goodsList 结果内容； * that.paramsList 默认选中已有的数据对象内容； * list 为请求过来需要加入的内容，排除已存在的对象****/const that = this;that.goo

2020-09-10 15:28:11 803

原创表单内容改变节流操作

一般情况下输入内容后，筛选对应的数据内容，如果每次输入每次请求过于频繁，使用节流的方式来减少请求的情况；watch: { 'params.search'(newVal,oldVal){ //添加空格不做处理 if(newVal.trim() == oldVal.trim()) return; // 输入框防抖 clearTimeout(this.debounceTimer); // 每次进来的时候都将之前的清除掉，如果还没到毫秒的时候就将之前的清除掉，

2020-09-08 19:18:28 160

原创 Js 递归查找数组中指定条件的一组对象；

需求：在多维数组中查找指定条件的对象，且取出该对象内容数据；数组数据格式如下：实现：方法一： // 递归查找 getParentId(list, iid) { for(let o of list || []) { if(o.category_id == iid) return o const o_ = this.getParentId(o.children, iid) if(o_) return o_ } },

2020-09-08 11:25:22 7869 6

原创 Vue/Js 递归函数封装：查询数组对象内容，合并至一个数组中

实现需求：把一个多维数组对象通过条件合并至一个数组中；如下图需求：递归代码封装实现：// 递归设置function setHandleListb(list) { const arr = []; let obj = {}; list.forEach(item => { const tmp = { ...item }; if(tmp.purview_tag){ if (tmp.children) {..

2020-09-02 15:57:17 2090

原创 Uni-App 页面跳转，返回相关操作

1、基本跳转：page.json文件:/******* 编辑商品内设置 ******/{ "easycom": { "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, "pages": [ { "path": "pages/item/edit-components/itemSort", "style": { ...

2020-08-31 17:17:15 5973

原创 elementUi 表格内输入框深拷贝问题处理

问题：使用el-table 表格，其内有输入框内容，每行的表单内容设置后，不能影响其他行的数据内容；因为el-table 表格内容编辑框的值都是直接从表格的row中取值赋值的属于浅克隆所以同一源里的数值也会改变；解决方法：使用Object.assign()赋值，不要直接赋值；效果如下：主要代码如下：<template> <div class="system-ship-money overflow-auto"> <el-form :mo.

2020-08-27 11:25:10 1898

原创 Element Ui 切换页面后刷新，数据清空，缓存处理；

实现需求如下图所示：当添加的内容输入后，没有保存，切换了页面路由，再返回到此页面，数据内容消失了；需要保存输入的内容处理；方法一、通过添加缓存方法添加保存；以下是部分主要代码：主要本地存储代码// 取缓存 getStorage() { this.newVal = JSON.parse(localStorage.getItem('alloatAddInfo')) ? JSON.parse(localStorage.getItem('alloatAddInfo'))

2020-08-21 15:33:16 5075

原创 css3 文本超出处理和添加阴影效果

效果如下：代码修改阴影如下：.carousel { margin-top: -20upx; width: 100%; height: 320upx; box-shadow: 0px 20px 20px -20px #5E5E5E; // 主要 .carousel-item { width: 100%; height: 100%; padding: 0 28upx; overflow: hidden; } image { width:

2020-08-18 15:12:05 660

原创 Element UI table表格的使用细节项目实用

1. 使用表格时，表格列内容有时显示的顺序变化了，解决加 key属性方案如下：2.表格头部显示类似于tooltip 的内容帮助提示：如下使用

2020-07-22 19:09:12 446

原创 ElementUi 使用PrintJs 实现基础打印功能

打印预览效果：代码简单实现： <el-button size="small" plain type="primary" @click="CreateOneFormPage">打印采购单</el-button> <el-table id="printJS-form" ref="table" :data="purchase_item" show-summ

2020-07-07 10:05:30 6982 3

原创 Js 数组中判断对象已存在提示,不存在择追加一条新内容；

数组中判断对象已存在，且提示；代码实现：// 判断循环有相同的值isEqualPd(arr1){ var isEqual = false for (var b = 0; b < arr1.length - 1; b++) { for (var j = b + 1; j < arr1.length; j++) { // eslint-disable-next-line eqeqeq if (arr1[b].total ==

2020-07-01 19:42:18 2869

原创 Element Ui 下拉选择框内追加添加按钮，点击可以追加新的选项内容

功能需求，在下拉选项框内，追加一个添加的按钮，点击可以添加新的被选项内容；效果展示如下：代码实现封装组件：<template> <span> <el-cascader ref="cascader" v-model="selectedOptions" size="medium" style="width:100%" :props="defaultParams" :options=

2020-06-28 14:25:05 11380 6

原创 Element Ui 表格内编辑排序设置

实现效果：代码实现： <el-table-column prop="sort" label="排序" sortable width="72"> <template slot-scope="{row,$index}"> <div @dblclick="{{ chengenum($index) }}"> <el-input v-if="editable

2020-06-27 16:26:49 973

原创 CSS 自定义滚动条设置

需要，默认滚动条显示太丑，如何自定滚动条实现；效果：.overflow-auto { overflow: auto; height: calc(100% - 44px); &::-webkit-scrollbar { width: 6px; height: 6px; } &::-webkit-scrollbar-track-piece { background-color: #eee; margin: -2px; } &::-webkit-

2020-06-17 17:47:13 225