小程序相关基础-赋值、方法、class、input、session存取值

vue工作开发总结(三)---- 样式穿透 在开发过程中修改第三方样式很常见,但由于scoped属性的样式隔离,可能需要去除scoped或宁起一个style,这样的做法会带来副作用(组件样式污染,不够优雅),样式穿透在css预处理器中使用才生效。 我们可以使用>>>或者/deep/解决这个问题: <style scoped> 外层 >>> .el-chedkbox{ display:block; font-size:20px; .el-chexkobx__... 阅读详情

1.小程序赋值

    that.setData({
      weekList: weekList,
      ["cWeekRange.startTime"]: preStart,//对象里的某个参数赋值
      ["dataList["+index+"].qty2"]:ss2.replace(/,/g, ""),//数组里某个对象的参数
      cSelected: cSelected
    });

2.小程序方法

<view bindtap='changeDate'></view>
changeDate: function(e) {}

3.是否有某个class

<view class='day {{item.mdate==currentDate?"day-current":""}}'>{{item.date}}</view>

4.小程序提示

        wx.showToast({
          title: ret.data.message,
          icon: "none",
          emptyShow:true
        })

5.小程序input双向绑定:html到js响应

多个input框情况
html

  <view class='mgroup'>
    <view class="line"></view>
    <view class="item">
      <label class="des">消毒区域</label>
      <input class="val" value="{{model.area}}" bindinput="inputChange" data-name='area'></input>
    </view>
    <view class="line"></view>
    <view class="item">
      <label class="des">消毒物品</label>
      <input class="val" value="{{model.goods}}" bindinput="inputChange" data-name='goods'></input>
    </view>
    <view class="line"></view>
    <view class="item">
      <label class="des">记录人</label>
      <input class="val" value="{{model.userName}}" bindinput="inputChange" data-name='username'></input>
    </view>
  </view>

js

  data: {
    model:{
      area:'',
      goods:'',
      remark:'',
      userName:''
    },
  },
  //
  inputChange:function(e){
    let that = this;
    var name = e.currentTarget.dataset["name"];//获取input的name
    var property = "";
    switch (name) {
      case "area":
        property = "model.area";
        break;
      case "goods":
        property = "model.goods";
        break;
      case "username":
        property = "model.userName";
        break;
      case "remark":
        property = "model.remark";
        break;
    }
    that.setData({
      [property]: e.detail.value //赋值
    });
  },

6.小程序session存取值

//存
//rinfo名称,model值
wx.setStorageSync("rinfo", model);
//取
onLoad: function(options) {
    var rinfo = wx.getStorageSync("rinfo");
    this.setData({
      rinfo: rinfo
    })
  },
前端开发:Vue组件事件属性穿透的使用 前言 在前端开发过程中,事件点击操作也是非常常用的,尤其是关于事件之间的属性穿透使用更是如此。在真实的业务场景中,会遇到点击事件冲突的情况,这就更涉及到事件的穿透相关的内容。在Vue中,关于组件事件属性穿透的知识点也是非常重要的,那么本篇博文就来分享总结一下事件穿透的知识点,方便查阅使用。 事件穿透场景 在实际开发过程中,会遇到一些场景:在页面里面弹出弹框,弹框上面有点击操作按钮,在弹框下面的页面中也有点击操作按钮,相同位置下,这样在点击弹框操作按钮的时候,也会重复触发弹框下面的点击操作按钮。 阅读详情

相关推荐

组态王7.5和SQLsever数据库交互

摘要:本文详细介绍了组态王7.5与SQL Server 2016数据库交互的实现流程,包括建立连接、数据存储与查询操作。主要内容涵盖ODBC数据源配置、数据库表格创建、数据插入及查询功能实现(含日期控件查询)

gsjkwg的博客 1583

微信小程序常用赋值方法

微信小程序常用赋值,取值方法

aatianjie的博客 6636

跟着Cell学单细胞转录组分析(五):单细胞转录组marker基因鉴定及细胞群注释

书接上回(跟着Cell学单细胞转录组分析(四):单细胞转录组测序UMAP降维聚类)。完成数据降维和细胞聚类后,最主要的环节和工作就是确定各个细胞群,明确是什么类型的细胞,正群的细胞定群很关键,涉及到整个研究,所以这一步宁愿多费时间,也不要出错。当然,这也不是一蹴而就的,需要反复的确认。 要确定各个群是什么细胞,首先需要了解细胞群的marker基因,因为不同类型的细胞突出 表达的基因也是不同的。这里使用FindAllMarkers鉴定各个细胞群的高表达基因。 DefaultAssay(scedata)

qq_42090739的博客 1万+

vue,小程序 阻止事件穿透的方法

默认情况下,事件在h5页面会穿透传递,比如一div里面套一个div,点击上层div,下层div也会响应 要阻止事件穿透,使用event.stopPropagation(); 代码示例: <div @click="testout($event)> <div @click="testin($event)"></div> </div> ....... ...

于利文的博客 2178

【Spring源码三千问】哪些循环依赖问题Spring解决不了?

哪些循环依赖问题Spring解决不了?前言版本约定正文场景一: prototype 类型的循环依赖场景二: constructor 注入的循环依赖场景三:Proxy 类型的 Bean 的循环依赖小结 系列博文: 【老王读Spring IoC-0】Spring IoC 引入 【老王读Spring IoC-1】IoC 之控制反转引入 【老王读Spring IoC-2】IoC 之 BeanDefinition 扫描注册 【老王读Spring IoC-3】Spring bean 的创建过程 【老王读Spring I

老王的专栏 7319

鸿蒙日历组件进阶:教你打造个性化日程管理界面(支持月份切换)

本文深入探讨了鸿蒙应用开发中自定义日历组件的构建方法。通过详解基于Grid的布局设计、核心日期算法、月份切换逻辑以及事件管理集成,指导开发者打造支持个性化日程管理的高性能日历界面,提升应用交互体验。

weixin_29207149的博客 66

小程序 多层次对象数组的赋值、动态赋值

小程序 多层次对象数组的赋值、动态赋值

Jana Jing的分享 2630

AS5600磁编码器IIC通信与角度读取实战指南

本文提供了AS5600磁编码器通过IIC通信协议实现高精度角度读取的完整实战指南。详细解析了硬件连接要点、IIC通信时序、Arduino与STM32平台驱动代码,并分享了多圈测量、噪声滤波等进阶应用与避坑技巧,帮助开发者快速将这款非接触式角度传感器集成到电机控制、旋钮等项目中。

weixin_29172201的博客 243

JAVA-WEB

文章目录1. JAVA-WEB介绍2. HTML3. CSS样式4. JavaScript5. Vue.js6. xml解析7. Tomcat服务器8. http协议9. Servlet10. Thymeleaf11. Cookie与Session12. Ajax13. Filter14. 监听器15. WEB组件注解用法16. 事务控制 1. JAVA-WEB介绍 2. HTML 3. CSS样式 4. JavaScript 5. Vue.js 6. xml解析 7. Tomcat服务器 8. http协

weixin_58005665的博客 1060

【从零开始玩量化1】AKShare: Python开源财经数据接口库

文章目录量化的第一步:数据AKShare介绍AKShare安装AKShare使用AKTools安装/使用结语 量化的第一步:数据 想要玩量化,第一步要有数据,这个数据可能是历史交易数据、财务数据、宏观数据等等。我们最终要做的,无非就是从数据中分析出有价值的信息,以便用来指导投资策略。 在获取数据的这条道路上,我走了很多弯路,尝试了各种方法:使用Tushare到放弃、自己写网易股票页面的爬虫,自己写申万行业数据的爬虫、自己写同花顺问财的爬虫、使用聚宽的免费数据API等等,直到最终,我发现了AKShare。 A

量化投资助手的博客 5万+

2006NOIP普及组真题 4. 数列

从上述推理中,我们发现要输出的幂次和中的第 N 项(也就是幂次和中的序号N),对应的二进制位数和幂次和对应的二进制位数相同。当 k=3 时,k的幂次为1, 3, 9, 27, 81…,即第0位,第2位均为1,转成 k 进制(k=3)时。,即第2位,第3位均为1,转成 k 进制(k=3)时。转成 k 进制(k=3)时的幂次和为。,即第0位,第1位,第2位均为1,(即第0位,第1位,第2位均为1)N=12时,12的二进制是。(即第0位,第2位均为1)(即第2位,第3位均为1)结论:这道题就变成了。

weixin_40252159的博客 1514

微信小程序解决view点击事件穿透地图map触发markertap

解决view点击事件穿透地图map触发markertap 点击能滑动的scroll-view反而不会触发底下的markertap,就等于是一个不穿透的容器。 用透明的可滑动的scroll-view放在上层作为隐形按钮,下次放普通的按钮样式,这回真正的解决了ios的bug。

weixin_55109830的博客 9239

C++ Qt6 QtQuick/QML入门进阶与项目实战视频教程

C++ Qt这些年在PC客户端、嵌入式、汽车座舱仪表等领域应用很广泛,例如剪映专业版、微信4.0、亿图脑图、Steam、美图秀秀、腾讯会议、钉钉(部分模块)等都是使用C++ QWidget/QML开发。特别是QML这种声明式UI开发更加快捷,QML的界面开发效率相对于QWidget更快速,界面效果更好,QtQuick/QML在Qt6版本也逐渐完善了,使用QML进行客户端开发是个不错的选择。

琅嬛福地 4491

微信小程序,在事件处理函数中为 data 中的数据赋值

在小程序中,我们可以通过在页面的 js 文件中定义一个 data 对象来存储页面中需要使用的数据。当我们在页面中需要修改这些数据时,可以通过调用 this.setData(dataObject) 方法来重新为 data 中的数据赋值。方法修改数据时,数据必须是一个对象,且只能通过对象的方式来进行修改。同时,修改数据后会重新渲染页面,因此我们需要尽量避免在事件处理函数中频繁地调用。这个事件处理函数被触发时,我们通过调用。的变量,并初始化其值为 0。方法,以免影响页面的性能。需要注意的是,通过调用。

qq_46099629的博客 1773

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

记首次小程序遇到坑及解决

由于工作需要,首次进行微信小程序开发,从基础环境搭建到小程序发布,体验到小程序便捷的同时,也踩了不少坑,在此记录下。

seevc的专栏 1399

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

【Uniapp,Vue】阻止父元素事件覆盖子元素事件

有个需求,点击一个元素,让弹出框显示,点击弹出框以外的区域,就关闭弹出框,如下代码所示。但是这样有个问题,就是当弹出框显示以后,点击弹出框的区域也会触发父元素的点击事件。解决方法: 在子组件事件加个stop修饰。,就会相互隔绝父子事件。

SingDanceRapBall的博客 3327

elementui复选框checkbox阻止事件冒泡(折叠面板标题中增加复选框,阻止点击复选框折叠面板展开/折叠)

需求:在折叠面板的标题前面加上复选框,可以选中当前数据 问题:点击复选框时,折叠面板会展开又折叠 解决:设置复选框的点击的事件冒泡,注意不是设置change事件的事件冒泡@click.stop.native="()=>{}" <el-collapse-item :title="item.settingName" v-for="item in list" :key="item.settingId" > <te

lingliu0824的博客 4755

vue中的事件穿透与禁止穿透

在开发过程中经常遇到的一个场景,就是,页面弹窗,弹窗上有一个确定或者关闭按钮,这时,如果下方有一个按钮,那你点击弹窗的时候,也会触发弹窗下层的按钮事件,vue提供的解决方法就是直接在click.stop //阻止单击事件继续传播 &lt;a v-on:click.stop="doThis"&gt;&lt;/a&gt; js的解决办法是,直接在事件的方法中添加event.stopPropaga...

rainbow8300的博客 5万+

阻止冒泡/穿透-微信小程序(vant weapp)

(1)问题:点击“立即报名”,先弹出一个dialog弹窗,取消就关闭弹窗,确认跳转另一页面,此时点击取消、确认按钮就开始跳转混乱(2)解决办法

m0_68428581的博客 1975

微信小程序this.setData多种赋值方式

在小程序中动态改变前端数据的最大功臣就是this.setData(),这里简单概述下通过this.setData赋值有哪几种情况: 1、固定属性赋值 wxml: <view>{{item.name}}</view> <view>{{item.age}}</view> js data:{ item:{ name: "张三"...

搬砖小鱼,请多指教呦 1万+

微信小程序setData 赋值对象属性

这几天在做页面的时候,关于setData方法产生了一点疑问,现在来总结一下。 首先说一下赋值对象属性的两种方法 1.修改data下的对象 this.setData({ 'params.name':'李四' }) 2.修改data下的对象数组 this.setData({ 'example[1].text':"清零" }) 如果要给对象数组中某一个对象的某个属性赋值,可以采用以下两种方式: var temp1 = 'example['+order+'].state' var temp2

weixin_55020138的博客 1万+

解决移动端小程序事件穿透的问题

在地图上面写多个小图标,图标位于地图两侧并且都可以点击。要求点击图标时不触发地图的点击事件。如果使用Taro的Map组件开发地图,什么都不处理的情况下,点击小图标时,地图也会被触发点击事件。这不是我们的预期结果。解决方法:pointer-events: visible;

清颖的博客 4145

关于element el-checkbox组件click事件的一些想法

el-checkbox事件及处理函数

lsf1192354203的博客 5773

vue checkbox click 点击时

<input type="checkbox" :id="item2.id" v-model="item2.answer" :value="item2.id" @click="ckbox_click(item,item2)" /> 此时ckbox_click获取item2.answer 得到的值, 是点击前的值 如果想获取点击后,即改变后的值, 将click改成chang...

QQ2856639881的专栏 1408

el-cascader 动态加载选项、编辑时数据回显问题 、单选不加载下一级节点、点击标签选中

el-cascader 动态加载选项 以及编辑时数据回显问题

风间琉璃c 3万+

vue事件委托传递节点防止向下传递穿透

例如: <li @click="popSelect($event)"> <span>Bank Country</span> <input type="text" placeholder="Select bank country" v-model="model.bank_country" name="bank_country" readonly /> <van-icon name="arrow-down"></van-i

weixin_42835782的博客 4648
上一篇: new Date() 日期格式处理
下一篇: div滚动到底部自动加载
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值