maoxiaohei_的博客

【代码】高德地图点击锚点后，路由携值跳转。

【代码】重复时间按日期去重，保留每天唯一的时间。

element 日期获取当前日期。

【代码】Vue 点击切换图片 选中，以及未选中状态。

【代码】element 拼接lable。

【代码】vue 深度监听数组。

/ 父页面直接调用这个方法。

代码】vue2使用高德地图。

循环的表格，使用:row-class-name="tableRowClassName"方法，动态绑定方法

给两个不同的icon取一样前缀的名字，然后判断是否是正数，或者负数

element 拆分二层数组，第一层留作表头，其余生成表单内容

下拉框

多个按钮共享label

Vue里直接把option的内容替换掉就可以了

学习链接: Vue3 从入门到实战 进阶式掌握完整知识体系//router=>router.jsimport { createRouter, createWebHashHistory} from 'vue-router'//引入页面地址import Home from '../views/home/Home'import Register from '../views/register/Register'import Login from '../views/login/Lo

npm init vite hello-vue3 -- --template vue

axios.get('http://8.142.18203.svg', { responseType: 'blob' }).then(r => { console.log(r); const link = document.createElement('a'); let blob = new Blob([r.data], { type: 'application/json' }) link.style.display = 'none' link.href =.

watch: { 'DownList.value': function(v) { this.getNewMonitor() } }

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

<template> <gui-page> <!-- 吸顶 view --> <view class="fixed-top-view gui-bg-gray gui-flex gui-rows gui-nowrap" slot="gFixedTop"> <view class="gui-margin-top gui-bg-gray search-warp gui-border-box" style="margin: 7px;">.

<template> <view> <view v-for="(item,index) in meterEventList"> <view>{{index+1>9?index+1:"0"+(index+1)}}</view> <view>{{item.event_time}}</view> </view> </view></template>

根据数组返回的不同状态值 event_state=0 停用显示红色，item.event_state=1 正常显示绿色1.先绑定个方法，addClassState()2.写一个addClassState方法3.写css样式

先把组件在页面上引用出来其中fangfa是你子页面上要用props获取的东西，zhi是你要传过去的东西，这样写好之后，就进入组件内 <uchartsa :fangfa="zhi"></uchartsa>子组件使用props接收，使用watch观察。然后取控制台打印出fangfa带过来的值，就是你要穿的那个值...

最近脑子不好使，还是记录一下吧,代码背景，拼接图片路径展示<view class="image-content" v-for="(item,index) in station_image" > <image :src="item"></image></view>export default { data() { return { station_image: [] } }, onLoad(option) {.

代码不多，直接贴了，传一个用户登录id到页面里uniapp的页面<template> <view> <web-view :webview-styles="webviewStyles" :src="url"></web-view> </view></template><script> export default { data() { return { webviewStyles: {

最近有个功能，后台返回svg的配电图，解析之后,变成xml挂载到页面上.然后实现缩放，类似这种功能本来app用的是uniapp写的，但是uniapp不支持svg图，所以用了uniapp自带的一个web-view,单独创建了一个vue的项目，外部链接，展示svg图，或者你自己会操作的话，转成canvas展示也行，不过会折损清晰度。链接: uniapp-webview参考地址。第一步创建两个项目然后通过web-view引入，这个链接就是你引入的项目地址，存放svg的配置好axios 和 vue项

<template> <div> <select v-model="DownList.value" filterable placeholder="请选择" style="width: 200px; height: 50px;" @change="change($event)"> <option v-for="(item,index) in DownList.options" :key="index" :label="item.label" :v

前言：今天学习配置vue的axios实现接口整理和对接，搞不明白，最后在大佬的帮助下（代写下）整理明白了，所以整理一下。axios如何和后台接口对接上。在vue 项目里配置axios,关于vue的配置之前写过链接: vue3.0 安装项目环境node.js 和 vue-cli配置详解.1. 直接在项目终端里 npm install axios -S ，我用的cnpm install axios -S然后安装之后，我的项目里node_modules里就多出了一个axios的文件，这时候就不要去管它，开始

1.安装node.js 链接: Node官网链接.选择左边长时间维护的版本（比较稳定），右边是最新版，傻瓜式安装就行开始-运行-cmd ：进入命令控制台在命令行工具里输入node -v（必须10.0以上的版本） 和 npm -v 查看是否已经安装完成 npm是node包管理器，安装node.js时候一起配套安装的.node -vnpm -v接下来安装nrm，因为之后要通过npm安装很多的依赖包，国内直接使用的话，镜像源会比较慢，下载时候可能会卡顿npm install nrm -g//

//把值通过getData方法返回给上级页面（用$ref,实现父子组件通道） getData() { //this.selecteddata是页面上的值列表 this.selecteddata.forEach(item => ({ ids: item.ids, //商品id title: item.title, //商品名称 store: item.store, //仓库名称 user_name: item.user_name, ..

选中checked，状态为true，然后把它的商品id,和选择数量提交用；第一步：先得到所有的数据，进行列表渲染循环，这里用的uview里的u-checkbox-group和u-checkbox <u-checkbox-group @change="checkboxGroupChange" style="width:100%"> <u-checkbox style="padding-left: 20px;" @change="checkboxChange" v-mode..

<text>{{item.status==0?'申请中':item.status==1?'使用中':item.status==2?'已过期':item.status==3?'已拒绝':item.status==4?'已批准':'已冻结'}}</text>

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

methods: { confirm(e) { this.list = [] this.result = ''; this.keya = ''; e.map((val, index) => { let result = val.label this.result += result; let keya = val.value; this.keya += keya }) }, cancel(e) {},

把值传给组件，然后在组件上循环数据![请添加图片描述](https://img-blog.csdnimg.cn/20210428174701826.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf,size_16,color_FFFFFF,t_70返回的数据展示："data" : [ { "typeDevi

使用的数据 "typeDevice" : [ { "value_info" : 2, "info_name" : "123", }, { "value_info" : 2, "info_name" : "123", }, { "value_info" : 3, "info_name" : "33131", }, { "value_info" : 5, "info_name" : "123",

根据人家的代码，对应改成自己的需要的功能原参考地址：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

数据格式： "list" : [ { "day_meter_name" : "总", "ratio" : "0.0%" }, { "day_meter_name" : "会议中心", "lowerUseAll" : 1.1, "lowerList" : [ { "back_name" : "一层空调", "day_meter_name" : "一层空调", } ] } ],

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.

1.第一步，先从后台获取到你要用的id2.第二步，循环出来所有数据,渲染到页面上3.第三步，给你要点击的绑定上监听事件，绑定id4.第四步，根据你点击的id，再拿去请求接口调用数据 <view> <!--transList里面有我们要用的仪表id,首先先循环它--> <!--绑定一个点击监听事件 selectTransId,到这一步先看methods的内容,和上面的events知识点--> <view v-for="item in ..