为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

拉丁的传说 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中动态切换样式,电脑游览器中预览有效果,但在手机playground中点击却没有反应,请问这是什么问题?
查看完整描述

2 回答

?
扬帆大鱼

TA贡献1799条经验 获得超9个赞

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

查看完整回答
反对 回复 2018-10-21
?
一只斗牛犬

TA贡献1784条经验 获得超2个赞

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

methods

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


查看完整回答
反对 回复 2018-10-21
  • 2 回答
  • 0 关注
  • 952 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信