首頁猿問 weex中使用vue語法無法動態(tài)切換樣式

weex中使用vue語法無法動態(tài)切換樣式

WEEX

拉丁的傳說 2018-10-11 15:30:56

<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中動態(tài)切換樣式，電腦游覽器中預覽有效果，但在手機playground中點擊卻沒有反應，請問這是什么問題？

查看完整描述

2 回答

揚帆大魚

TA貢獻1799條經(jīng)驗獲得超9個贊

我用這個解決了:class="['text', baseInfoForm.marriage=='' ? 'text-place':'text-value']"

反對回復 2018-10-21

一只斗牛犬

TA貢獻1784條經(jīng)驗獲得超2個贊

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

methods

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

反對回復 2018-10-21