当前位置: 首页 > news >正文

[LWC小知识] 标准lightning-input-field怎么取得变更值(onchange)

lightning-record-edit-form中,我们用lightning-input-field自定义需要的字段。当我们需要得到用户的输入值(如Id,值等),我们可以在标签中加上onchange事件,然后在事件中抓取值。
html:

<lightning-input-field onchange={getValue} field-name="RF_SAMPLE_NAME__c"></lightning-input-field>

js:

getValue(event) {
  const value = event.detail.value[0] // get input value
}

lightning-input-field中的detail值和record-edit-form中的不同,需要在value[0]中获取。
而在record-edit-form中,我们如果需要得到onsuccess中返回的Id值,则需要通过event.detail.Id获取。

这些都是文档中有的内容,不过使用场景很多,最好记下来。

相关文章:

  • [VSCode] 自定义选中代码的高亮颜色
  • OTP详解,OTP、HOTP、TOTP区别以及Node平台OTP包轻体验
  • [VSCode] 你需要知道的23个实用VSCode快捷键
  • js中 ^ !! ! 运算符的巧用 / 判断开始日和结束日案例 / 判断两个变量只有一个为空的情况
  • 【Java to Architect】Blocking Queue 阻塞队列应对并发
  • 【Java to Architect】HashSet TreeSet 集合 红黑树
  • 【Salesforce】【LWC】响应式验证标准查找输入框
  • 最长递增子序列问题(LIS) 动态规划 JavaScript
  • 位屏蔽(Bitmasking)中屏蔽字赋值语句 mask | (1 << j) 的解释
  • 【Java to Architect】synchronized保证内存可见性 demo的另一种解法
  • 利用位屏蔽和动态规划解决最小代价任务分配问题 Bitmasking Dynamic Programming
  • 算法:回溯法(backtracking)解决寻找给定字符串的所有排序(permutations)问题
  • 算法: 动态规划 寻找2D矩阵中到达某一坐标的最小代价路径
  • 算法:动态规划 寻找2D矩阵中到达某一坐标的可能路径总数
  • 算法:动态规划 寻找2D矩阵中到达某一坐标的可能路径总数进阶版(添加路障)
  • (十五)java多线程之并发集合ArrayBlockingQueue
  • 「面试题」如何实现一个圣杯布局?
  • 【腾讯Bugly干货分享】从0到1打造直播 App
  • Android框架之Volley
  • ECS应用管理最佳实践
  • js ES6 求数组的交集,并集,还有差集
  • MySQL QA
  • Node.js 新计划:使用 V8 snapshot 将启动速度提升 8 倍
  • Redis学习笔记 - pipline(流水线、管道)
  • Three.js 再探 - 写一个跳一跳极简版游戏
  • TypeScript迭代器
  • Vue 2.3、2.4 知识点小结
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 前端之Sass/Scss实战笔记
  • 如何设计一个微型分布式架构?
  • 微信端页面使用-webkit-box和绝对定位时,元素上移的问题
  • 为什么要用IPython/Jupyter?
  • 翻译 | The Principles of OOD 面向对象设计原则
  • ​io --- 处理流的核心工具​
  • ​用户画像从0到100的构建思路
  • #Linux(权限管理)
  • #绘制圆心_R语言——绘制一个诚意满满的圆 祝你2021圆圆满满
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • $var=htmlencode(“‘);alert(‘2“); 的个人理解
  • %@ page import=%的用法
  • (1)(1.11) SiK Radio v2(一)
  • (4.10~4.16)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (八)Spring源码解析:Spring MVC
  • (分布式缓存)Redis持久化
  • (附源码)springboot教学评价 毕业设计 641310
  • (附源码)ssm基于微信小程序的疫苗管理系统 毕业设计 092354
  • (机器学习-深度学习快速入门)第一章第一节:Python环境和数据分析
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • .net 使用$.ajax实现从前台调用后台方法(包含静态方法和非静态方法调用)
  • @Autowired 与@Resource的区别
  • @Resource和@Autowired的区别
  • [ vulhub漏洞复现篇 ] JBOSS AS 5.x/6.x反序列化远程代码执行漏洞CVE-2017-12149
  • [100天算法】-实现 strStr()(day 52)
  • [ASP.NET MVC]Ajax与CustomErrors的尴尬