weex中使用vue语法无法动态切换样式

Question

<template>
<div>
    <text @click="change" style="font-size:50px">click</text>

    <div>
            <text v-bind:class="{active: isActive}">class变换</text>
     </div>

</div>
</template>
<style>
.active{

background-color:red

}

</style>

<script>

export default {
  data:function() { return {
        isActive:true,
        }},
  
  methods:{
     change:function(){
    this.isActive=!this.isActive
     }
   }

}

在weex中动态切换样式，电脑游览器中预览有效果，但在手机playground中点击却没有反应，请问这是什么问题？

Answer 1

 用:class="[lineStyle(courseClick)]" 

methods

lineStyle(isClick){
                if (isClick===true){
                    return 'tab-items-current'
                }else {
                    return 'class-tab-items'
                }
            }

Answer 2

我用这个解决了:class="['text', baseInfoForm.marriage=='' ? 'text-place':'text-value']"

Answer 3

用:class="isActive?'active':''"

Answer 4

试一试 <text :class="[isActive?'active':'']">class变换</text>