学习腾讯无极低代码的第六天——Part1

引言

在低代码编辑器的页面设计中,有两种常见输入框,常用于"展示数据"或者实现"表单联动",接下来将介绍用他们执行JS表达式的功能用法。

插值表达式的 {{ }} 中和JS表达式输入框中都可以写JS代码

插值表达式 JS表达式
  • 插值表达式示例

  • JS表达式示例注意需要 return

引用数据

在左侧数据源面板中,鼠标悬浮于复制按钮时可以看到变量

其中 data.landun.body.k 就是数据的路径

LessCode

在 LessCode 里 在 插值表达式里 在 JS表达式里
js data() { return { projectName: 'wuji', } } js {{ w.renderer.projectName }} js w.renderer.projectName
js computed: { typeName() { return this.projectType === 2 ? '内部项目' : '可公开项目' } } js {{ w.renderer.typeName }} js w.renderer.typeName
js methods: { // Lesscode方法 helloWorld(str) { console.log('helloWorld'); return 0; } } js {{ w.renderer.helloWorld() }} js w.renderer.helloWorld()

工具方法

$utils中提供了多种工具方法可以供插值表达式代码输入框使用

关键词 dayjs , CryptoJS , Buffer , qs , md5 , base64 , sha256 ,

日期格式化 , 加密 , url参数 , 缓冲区 , b64 , $utils

相关推荐
Insight-n4 小时前
低代码数字化时代的开发新范式
低代码·ai
麦聪聊数据1 天前
企业级数据库管理实战(七):SQL 到 API,让数据库成为团队的数据服务
数据库·sql·低代码·数据服务
allanGold2 天前
【低代码】百度开源amis
低代码·amis
阿三08122 天前
低代码+AI生态:企业数字化起步阶段的“核聚变”冲击波
人工智能·低代码
低代码布道师2 天前
少儿舞蹈小程序(18)订单确认
低代码·小程序
中杯可乐多加冰2 天前
高校迎新管理系统:基于 smardaten AI + 无代码开发实践
人工智能·低代码·语言模型·llm·vue·管理系统·无代码
xhload3d3 天前
核潜艇虚拟作战管控系统 | 图扑数字孪生
物联网·低代码·3d·智慧城市·数字孪生·三维可视化·可视化·工业互联网·工业组态·轻量化·智慧军事·智慧军用设备·核潜艇·军事科技
canonical_entropy7 天前
从同步范式到组合范式:作为双向/δ-lenses泛化的可逆计算理论
后端·低代码·领域驱动设计
腾讯云中间件7 天前
TDMQ CKafka 版客户端实战指南系列之一:生产最佳实践
kafka·消息队列·腾讯