
javascript
一个前端不会用git
菜。
展开
-
js取值添加进数组的每个下标里
js取值添加进数组的每个下标里。原创 2023-02-22 16:19:49 · 452 阅读 · 0 评论 -
重复时间按日期去重,保留每天唯一的时间
【代码】重复时间按日期去重,保留每天唯一的时间。原创 2022-12-29 17:31:29 · 415 阅读 · 0 评论 -
vue 深度监听数组
【代码】vue 深度监听数组。原创 2022-11-03 16:28:43 · 154 阅读 · 0 评论 -
请求函数的封装 axios
首先我们在src文件下创建utils目录的文件夹utils下面创建一个request.js打开request.js1.定义变量,先安装axios(3选一)Using npm :$ npm install axiosUsing bower:$ bower install axiosUsing yarn:$ yarn add axios//引用axiosimport axios from 'axios';//导出去export const post = (url,dat原创 2022-05-20 11:37:03 · 285 阅读 · 0 评论 -
根据返回的值,在重复的值里动态取key,进行数据渲染(时间)
//数据格式const res = { "result": 1, "msg": "操作成功!", "data": { "start": 0, "end": 23, "list": [{ "back_name": "强电井1层", "used": 0.03, "event_hour": 0 }, { "back_name":.原创 2022-05-18 16:06:06 · 109 阅读 · 0 评论 -
按不同时间渲染表格数据
{ "result" : 1, "msg" : "操作成功!", "data" : { "chart" : [ { "temp_stamp" : "2022-04-16 09:41:12", "temp_face" : 1, "temp_battery" : 11, "temp_a" : 0.0, "temp_line" : 1, "temp_b" : 0.0, "device_id" : 103, .原创 2022-04-16 16:39:07 · 406 阅读 · 0 评论 -
页面跳转带多个参数,然后使用数据 (笔记
const params ={ a:1, b:2, c:3}//Object.entries() 可以把一个对象的键值以数组的形式遍历出来//Array.reduce()数组累加器//url 就是 拼 key=value const url = Object.entries(params).reduce((res,[key,value],index)=>res+=`${index===0?'?':'&'}${key}=${value}`,http://xxxx/');c原创 2021-11-19 15:36:29 · 2725 阅读 · 0 评论 -
动态表单提交:子组件通过index区分,和父页面内容一起动态提交
父页面动态表单<template> <view> <form @submit="formSubmit" class="grace-form"> <view v-for="(item,index) in formData.students" :key="index"> <view class="flex-start line-goods"> <view>损耗数量:</view> .原创 2021-06-23 16:14:02 · 204 阅读 · 0 评论 -
父子组件全选值,去重($ref通道)
//把值通过getData方法返回给上级页面(用$ref,实现父子组件通道) getData() { //this.selecteddata是页面上的值列表 this.selecteddata.forEach(item => ({ ids: item.ids, //商品id title: item.title, //商品名称 store: item.store, //仓库名称 user_name: item.user_name, ..原创 2021-06-15 10:32:05 · 192 阅读 · 0 评论 -
for循环取出不同下标值里的数据,并去掉多余的,
我要获取下标里所有的datalet imgpat = this.$refs.uUpload.lists;for (var i = 0; i < imgpat.length; i++) { console.log(imgpat[i].response.data)}原创 2021-05-14 14:32:23 · 335 阅读 · 0 评论 -
解决uniapp获取api的返回值丢失为Null
//使用getlocation这个api获取位置 onShow() { //通过that 替换this,防止值的丢失 let that = this; uni.getLocation({ type: 'wgs84', geocode: true, success: function(res) { that.longitude = parseFloat(res.longitude); that.latitude = parseFloat(res.原创 2021-05-13 16:14:02 · 1651 阅读 · 0 评论 -
强制uniapp刷新当前页面
setTimeout(() => { this.$router.go(0)}, 400)原创 2021-05-12 14:48:31 · 23803 阅读 · 7 评论 -
根据状态值显示对应文字
<text>{{item.status==0?'申请中':item.status==1?'使用中':item.status==2?'已过期':item.status==3?'已拒绝':item.status==4?'已批准':'已冻结'}}</text>原创 2021-05-12 09:05:43 · 475 阅读 · 0 评论 -
点击列表,根据多条(参数)进入详情页
1.循环数据2.绑定要传递的值到跳转上3.通过绑定链接跳转4.新页面通过onload(option)在页面加载初期获取数据<view class="grouping" v-for="(item,index) in items"><!--传递staionid,和图片进入下一个,先绑定到tap上--> <view class="groupinglink"> <view class="button" @tap="goimage(item.station_i原创 2021-05-11 13:58:59 · 281 阅读 · 0 评论 -
Vue 模糊查询(按字段)
根据人家的代码,对应改成自己的需要的功能原参考地址:https://blog.youkuaiyun.com/zuorishu/article/details/86630097<!-- 设备分组 --><template> <view class="content"> <view class="search"> <u-search placeholder="搜索" shape="square" :show-action="true" bg-color原创 2021-04-17 16:00:05 · 933 阅读 · 0 评论 -
循环多维数组数据(数组里嵌套数组)
数据格式: "list" : [ { "day_meter_name" : "总", "ratio" : "0.0%" }, { "day_meter_name" : "会议中心", "lowerUseAll" : 1.1, "lowerList" : [ { "back_name" : "一层空调", "day_meter_name" : "一层空调", } ] } ],原创 2021-04-16 17:22:01 · 933 阅读 · 0 评论 -
使用filter过滤数据状态,返回新的数据
1.第一步,获取所有数据2.第二步,进一步筛选需要的有效数据 getOffState() { this.$http.get('', { }).then(res => { if (res.data.result == 1) { let page = res.data.data.page; page.result.forEach(item => { this.gatewayList.push({ stat.原创 2021-04-16 09:37:06 · 1480 阅读 · 0 评论 -
根据不同的点击内容,展示数据(event)
1.第一步,先从后台获取到你要用的id2.第二步,循环出来所有数据,渲染到页面上3.第三步,给你要点击的绑定上监听事件,绑定id4.第四步,根据你点击的id,再拿去请求接口调用数据 <view> <!--transList里面有我们要用的仪表id,首先先循环它--> <!--绑定一个点击监听事件 selectTransId,到这一步先看methods的内容,和上面的events知识点--> <view v-for="item in ..原创 2021-04-15 14:40:34 · 356 阅读 · 0 评论 -
点击列表,根据不同Id (参数)进入详情页
第一步:请求你要的参数第二步:跳转时把这个参数绑定在循环上第三步:实现功能,点击跳转对应页面第四步:接受参数使用第一步:请求 this.$http.get('', { station_id: 2745, }).then(res => { if (res.data.result === 1) { let server = res.data.data; server.list.forEach(item => { th原创 2021-04-07 11:21:37 · 921 阅读 · 0 评论 -
vue 监听添加样式,并移除兄弟节点上的样式(选项卡)
基础html <telemplate> <view class="menu-tab-content"> <!--通过循环列表,监听列表index,判断点击添加样式--> <!--给点击的index添加样式--> <!--绑定样式--> <view class="content-tabs" v-for="(item, index) in dataList" v-on:click="addClass(ind.原创 2021-02-22 16:19:56 · 917 阅读 · 0 评论 -
uniapp uview 通过 “时间戳” 实现日历 点击上一月,下一月的功能组件
借鉴链接: js 写点击上一月 下一月时候切换.实现:html:引用的是uview的日期控件<template> <view class="chooise-data"> <view class="yesterday" @click="prevDate()"> 上一月 </view> <view class="chooise-box"> <view class="date"> <view cl原创 2021-02-22 15:01:34 · 2623 阅读 · 1 评论 -
JS获取时间戳
/*** 获取本周、本季度、本月、上月的开始日期、结束日期*/var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getYear(); //当前年 nowYear += (nowYear < 2000) ? 1900转载 2021-02-22 11:51:50 · 312 阅读 · 0 评论