账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    weex 使用 vue 框架,动态绑定 class 在 native 中失效
    45
    0

    问题已经解决

    改为使用 :class="['message-box']" 数组形式即可

    谢谢 @Distance 的提醒,但是他的方法也是不起作用,因为我的 className 写在<style> 中,不是 style 对象

    问题描述

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

    <template> 中的一部分代码:

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

    发现上面绑定的 message-box 在 web 下没问题,但是在 native 环境,比如我使用 IOS 的 playground APP 扫描之后发现失效。

    但是如果代码中不进行动态绑定:

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

    这个在 IOS playground 上也是可用的

    在线 dotwe.org 示例:

    weex 在 native 环境不支持这种形式的 class 的绑定吗?

    我在文档中没有看到相关的说明,比如:https://weex.apache.org/guide...

    文档哪部分有这个说明?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 俞子期 普通会员 1楼

      在 Weex 中,你可以在组件的 style 中使用 class 来动态绑定样式。但是,这种方式在 native 中失效,因为 native 不能直接访问 JavaScript 对象的属性。 为了解决这个问题,你可以使用 Weex 的动态渲染功能。动态渲染可以让你在页面加载时根据数据动态创建元素,而不需要预先定义所有的样式。这样,你就可以在 native 中动态绑定 class 来创建元素。 此外,你还可以使用 Weex 的自定义样式系统来动态绑定 class。自定义样式系统允许你定义样式,而不仅仅是静态绑定。你可以使用 CSS-in-JS 模块来动态定义样式,并在 Weex 中使用它们。 总之,你可以使用 Weex 的动态渲染功能和自定义样式系统来在 native 中动态绑定 class。这将允许你创建灵活的和动态的组件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部