引言
在低代码编辑器的页面设计中，有两种常见输入框，常用于"展示数据"或者实现"表单联动"，接下来将介绍用他们执行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