鍍金池/ 問(wèn)答/HTML/ weex 使用 vue 框架,動(dòng)態(tài)綁定 class 在 native 中失效

weex 使用 vue 框架,動(dòng)態(tài)綁定 class 在 native 中失效

問(wèn)題已經(jīng)解決

改為使用 :class="['message-box']" 數(shù)組形式即可

謝謝 @Distance 的提醒,但是他的方法也是不起作用,因?yàn)槲业?className 寫(xiě)在<style> 中,不是 style 對(duì)象

問(wèn)題描述

使用 weex 最新版,前端框架使用 vue

<template> 中的一部分代碼:

    <div :class="`message-box`">
      <text class="message"> text</text>
    </div>

發(fā)現(xiàn)上面綁定的 message-box 在 web 下沒(méi)問(wèn)題,但是在 native 環(huán)境,比如我使用 IOS 的 playground APP 掃描之后發(fā)現(xiàn)失效。

但是如果代碼中不進(jìn)行動(dòng)態(tài)綁定:

    <div class="message-box">
      <text class="message"> text</text>
    </div>

這個(gè)在 IOS playground 上也是可用的

在線 dotwe.org 示例:

weex 在 native 環(huán)境不支持這種形式的 class 的綁定嗎?

我在文檔中沒(méi)有看到相關(guān)的說(shuō)明,比如:https://weex.apache.org/guide...

文檔哪部分有這個(gè)說(shuō)明?

回答
編輯回答
陌如玉

把message-box中劃線去掉,或者改成駝峰命名。

2018年3月22日 10:27