背景

  • 页面设计过程中,需要要用链接的点击事件来控制容器的显示和隐藏。

操作

  1. 参考布局。

文本链接显示隐藏容器 - 图2

  1. 数据池设置容器的显示或隐藏的页面标志

文本链接显示隐藏容器 - 图3

  1. 设置容器的默认状态。

文本链接显示隐藏容器 - 图4

参考代码:

  1. ${flag === 'true' ? 'NORMAL' : 'HIDDEN'}
  1. 添加自定义js函数方法内容

文本链接显示隐藏容器 - 图5

参考代码:

  1. export function showHidden(ctx) {
  2. const name = ctx.params.name;
  3. const flag = ctx.params.flag;
  4. console.log('name: ', name, ' flag: ', flag);
  5. ctx.dp.setValue(name, flag)
  6. }
  1. 链接绑定自定义函数。

文本链接显示隐藏容器 - 图6