首页 > 其他 > 详细

vue用 computed 方法生成 class 或者 style 字符串,插入到页面中

时间:2021-01-04 11:59:34      阅读:89      评论:0      收藏:0      [点我收藏+]
 <template>
      <!-- 支持 -->
      <view class="container" :class="computedClassStr"></view>
      <view class="container" :class="{active: isActive}"></view>
      <!-- 不支持 -->
      <view class="container" :class="computedClassObject"></view>
  </template>
  <script>
      export default {
          data () {
              return {
                  isActive: true
              }
          },
          computed: {
              computedClassStr () {
                  return this.isActive ? ‘active‘ : ‘‘
              },
              computedClassObject () {
                  return { active: this.isActive }
              }
          }
      }
  </script>

  

vue用 computed 方法生成 class 或者 style 字符串,插入到页面中

原文:https://www.cnblogs.com/cocoaguo/p/14228603.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!