LW0512-CSDN博客

uni-app项目页面底部导航栏使用步骤1，在pages中创建三个tabba页面，并在页面添加一些要显示出来的东西2，在pages.json文件里面配置文件页面路由正常的话这三个tabbar页面也需要在tabBar 中的 list 是一个数组，最少2个、最多5个，但在这里暂时不用3，先在home页引入底部tabbar导航import tablebox from '../../../components/tablebox.vue';tablebox.vue<templ...

2022-05-20 14:05:38 13706 2

原创在Vue项目中引入Echarts图表

在Vue项目中引入Echarts图表步骤1.使用npm下载echarts！npm install echarts --save2.安装完成以后，可以将echarts全部引入，就可以在该页面使用echarts所有组件import * as echarts from 'echarts';3.在需要的页面使用echarts<template> <div class="content">  <div class

2022-05-19 14:19:40 422

原创在uniapp中使用qiun-data-charts组件

在uniapp中使用qiun-data-charts组件使用步骤1.引入插件：先在插件市场使用插件导入到项目里查看 ---- 链接2.点击使用HbuilderX导入插件3.选择项目导入该插件确定4.页面中直接使用 <view id="box"> <qiun-data-charts type="demotype"//代表折线统计图 :chartData="chart

2022-05-19 10:30:28 17645 1

转载 Vue实现动态显示textarea剩余字数

Vue实现动态显示textarea剩余字数主要思路textarea限制最大长度监控输入字数效果图代码<template> <div id="main-container"> <div class="textarea"> <textarea maxlength="200" @input="monitorInput" v-model="textareaContent"></textarea> &lt

2022-04-22 14:16:33 1179

原创 Echarts 的legend图例的显示与隐藏（legend折线图加载完页面显示的个数）

Echarts图例的显示与隐藏需求：在图表加载的时候，默认只显示部分图例，只要图例显示部分，对应的柱图或者折线图也只显示对应的。点击一个按钮显示剩余的图例，或者点击置灰的图例让恢复显示。1.默认不展示（对比日期）2. 点击显示结果：点击（对比日期）的时候恢复显示3.代码 legend: { right: 5, top: 10, textStyle: { color: '#fff',

2022-04-21 13:38:43 5283

原创 vue实现省市区三级联动

vue实现省市区三级联动效果图 (通过element的Cascader 级联选择器实现的)import areaPicker from '@/components/areaPicker/AreaPicker';//先在需要显示省市区的页面

2022-04-15 09:53:25 1061 3

原创小程序uniapp 回到页面顶部

uni-app 回到页面顶部官网地址：https://uniapp.dcloud.io/component/scroll-view实现的效果如下图所示HTML部分 <scroll-view scroll-y class="store_scroll" :lower-threshold="20" :scroll-top="scrollTop" @scroll="scrollEvent" @sc

2021-12-01 13:59:14 885

原创 vue点击按钮预览图片，pdf，文件

vue点击图片，pdf，文件，预览<div style="width: 50%; display: inline-block; vertical-align: bottom"> <div class="tit-top">上传图片</div> <div style="min-height: 151px"> <div style="display:

2021-11-19 17:25:34 3261 1

原创常用的正则验证(身份证号，手机号，邮箱等)

vue表单常用的正则验证手机号var isPhone = (rule, value, callback) => { const reg = /^1[3-9]\d{9}$/; if (value) { if (reg.test(value)) { callback(); } else { callback(new Error("您输入的手机号码格式有误，请重新输入！")); }

2021-11-18 10:38:29 803

原创小程序uniapp实现左滑删除效果

微信小程序实现左滑删除效果实现效果1，列表中侧滑删除2，删除不同时存在3，上下滑动与侧滑删除不影响在本页面引入组件并使用 https://blog.csdn.net/LW0512/article/details/121378385在需要左滑删除的地方使用<view v-for="(item, index) in csListArrl" :key="index" :data-index="index"> <delSlideLeft :item="item" :d

2021-11-17 15:24:48 6603 8

原创 element-ui el-date-picker日期禁止选择今天以前的日期

element-ui el-date-picker日期禁止选择今天以前的日期<el-form-item label="结束时间:" prop=""> <el-date-picker type="date" placeholder="选择日期" style="width: 250px" v-model="form.endTime" :picker-options="picke

2021-10-14 17:15:50 5594 3

原创 Vue--时间戳转换日期格式

vue时间戳转换日期格式后台返回的时间戳格式（例如：creatTime: 1626832597790），需要用时间格式显示 <template slot-scope="scope"> <span v-if="scope.row.creatTime != null"> {{ parseTime(scope.row.creatTime, "{y}-{m}-{

2021-09-28 09:55:58 29747 1

原创小程序组件通信

小程序组件通信父传子：把父组件的数据通过子组件的标签传到子组件中，然后在子组件中用props接收子传父：在父组件中写个方法，然后把方法传入到子组件中，在子组件接收完，然后调用传过来的方法，并向父组件传递信息跨组件通信context先新建一个context.js导出两个标签consumer（用来存值），provider（用来取值）把你需要取值的组件先把provider导入，并用provider标签包起来在要取值的组件中先把consumer导入，然后在要取值的地方用consumer标签把取得

2020-12-06 21:38:09 120

原创小程序

1.什么是小程序？”触手可及“、”即用即走“，无需下载安装，不用关心安装过多应用；整个小程序所有分包大小不超过 8M单个分包/主包大小不能超过 2M2.小程序优点平台封闭，上手简单跨平台运行使用方便3.小程序页面js ：页面逻辑wxml：页面结构json：页面配置wxss：页面样式4.相关单位pt逻辑分辨率（视觉单位，和屏幕尺寸有关系）；px物理分辨率（像素点）ppi：每英寸包含的像素点5.小程序单位换算关系iphone6下1px=1rpx=0.5pt

2020-12-06 21:29:01 362

原创跨域

跨域什么是跨域?访问同源的资源是被浏览器允许的，但是如果访问不同源的资源，浏览器默认是不允许的。访问不同源的资源那就是我们所说的跨域什么是同源策略（Same Origin Policy）？所谓同源策略，所谓同源是指，域名，协议，端口相同。它是浏览器的一种最核心最基本的安全策略。它对来至不同源的文档或这脚本对当前文档的读写操作做了限制。这个策略，保证用户的信息安全什么是域名？...

2020-12-06 20:41:13 116 2

原创 jQuery Ajax 操作函数

jQuery Ajax 操作函数jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据load()load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中load(url,data,function(response,status,xhr))参数描述url规定要将请求发送到哪个URLdata可选，规定连同请求发送到服务器的数据function（response,status

2020-10-22 19:41:07 191

原创 JSON

JSON规则在JS语言中，一切都是对象。因此，任何支持的类型都可以通过JSON来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型：对象表示为键值对数据由逗号分隔花括号保存对象方括号保存数组JSON 键/值对JSON 键值对是用来保存 JS 对象的一种方式，和 JS 对象的写法也大同小异，键/值对组合中的键名写在前面并用双引号 "" 包裹，使用冒号 : 分隔，然后紧接着值Example : {"firstName" : "Json"}等价于这条JavaScr

2020-10-22 14:45:43 131

原创 Ajax中Get和Post的区别

get和post的区别？get是从服务器上获取数据，post是向服务器传送数据。get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。Ge

2020-10-22 14:35:00 1011

空空如也

空空如也