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>
目录
相关文章
16avalon - 指令ms-attr(属性绑定)
16avalon - 指令ms-attr(属性绑定)
69 1
15avalon - 指令ms-important(important绑定)
15avalon - 指令ms-important(important绑定)
54 1
|
JavaScript
24avalon - 指令ms-for(循环绑定)
24avalon - 指令ms-for(循环绑定)
46 0
|
前端开发 JavaScript
34avalon - 指令ms-effect(动画绑定)
34avalon - 指令ms-effect(动画绑定)
41 0
20avalon - 指令ms-active(active绑定)
20avalon - 指令ms-active(active绑定)
43 0
33avalon - 指令ms-validate(验证绑定)
33avalon - 指令ms-validate(验证绑定)
48 0
19avalon - 指令ms-class(类名绑定)
19avalon - 指令ms-class(类名绑定)
61 0
|
JavaScript
31avalon - 指令ms-rules(验证规则绑定)
31avalon - 指令ms-rules(验证规则绑定)
48 0
|
前端开发
17avalon - 指令ms-css(样式绑定)
17avalon - 指令ms-css(样式绑定)
57 0
|
JavaScript
04avalon - vm内部属性($id)
04avalon - vm内部属性($id)
54 0