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="['text', baseInfoForm.marriage=='' ? 'text-place':'text-value']"

Answer 2

用:class="[lineStyle(courseClick)]"methodslineStyle(isClick){&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(isClick===true){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;'tab-items-current' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}else&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;'class-tab-items' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} }