23avalon - 指令ms-visible(可见性绑定)

简介: 23avalon - 指令ms-visible(可见性绑定)

这是通过修改元素的style.display值改变元素的可见性, 要求属性值对应一个布尔,如果不是布尔, avalon会自动转换值为布尔。

<body :controller="test">
  <script>
    var vm = avalon.define({
      $id: "test",
      aaa: "这是被隐藏的内容"
      toggle: false
    })
  </script>
  <p><button type="button" :click='@toggle = !@toggle'>点我</span></p>
  <div :visible="@toggle">{{@aaa}}</div>
</body>
目录
相关文章
|
7月前
16avalon - 指令ms-attr(属性绑定)
16avalon - 指令ms-attr(属性绑定)
33 1
|
7月前
|
JavaScript
24avalon - 指令ms-for(循环绑定)
24avalon - 指令ms-for(循环绑定)
29 0
|
7月前
|
前端开发 JavaScript
34avalon - 指令ms-effect(动画绑定)
34avalon - 指令ms-effect(动画绑定)
25 0
|
7月前
20avalon - 指令ms-active(active绑定)
20avalon - 指令ms-active(active绑定)
19 0
|
7月前
33avalon - 指令ms-validate(验证绑定)
33avalon - 指令ms-validate(验证绑定)
26 0
|
7月前
19avalon - 指令ms-class(类名绑定)
19avalon - 指令ms-class(类名绑定)
27 0
|
7月前
|
前端开发
17avalon - 指令ms-css(样式绑定)
17avalon - 指令ms-css(样式绑定)
24 0
|
7月前
15avalon - 指令ms-important(important绑定)
15avalon - 指令ms-important(important绑定)
29 1
|
7月前
|
前端开发
26avalon - 指令ms-duplex(各表单元素用法)
26avalon - 指令ms-duplex(各表单元素用法)
27 1
|
7月前
21avalon - 指令ms-hover(hover绑定)
21avalon - 指令ms-hover(hover绑定)
23 0