学习腾讯无极低代码的第6天本文介绍了通过样式面板编辑组件样式的方法，包括基础操作和高级自定义功能。文章还提供了详细的操作

引言

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

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

插值表达式	JS表达式

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

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

在 LessCode 里在插值表达式里在 JS表达式里

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

data() { 
    return { 
      projectName: 'wuji', 
    }
}

{{ w.renderer.projectName }}

w.renderer.projectName

computed: { 
  typeName() { 
    return this.projectType === 2 
    ? '内部项目'
    : '可公开项目'
    }
}

{{ w.renderer.typeName }}

w.renderer.typeName

methods: { 
    // Lesscode方法 
    helloWorld(str) { 
       console.log('helloWorld');
       return 0; 
    }
}

{{ w.renderer.helloWorld() }}

w.renderer.helloWorld()

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

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

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