使用vue.js进行原生开发如何进行Class绑定

Android 原生开发中,Weex 的 class 绑定代码
<div class="btn-{{type}} btn-sz-{{size}}">
如何转换成 Vue.js 实现?

我试了使用 computed 属性,
classA () {
return "btn btn-" + this.type + " btn-sz-" + this.size}
然后使用 <div :class="classA">完成class 绑定,原生没成功,web成功的。

阅读 3k
评论
    3 个回答

    使用如下方式:

    <div  :class="['btn', 'btn-' + type, 'btn-sz-' + size]">

    其中type和 sizedata中定义的props,注意添加[和]

      • 1.6k

      试试:
      <div :class="'btn-'+type 'btn-sz-' + size">

        • 15

        拼接的class可以用数组,<div class="btn" :class="['btn-' + (type), 'btn-sz-' + (size)]" @click="onclick">

          撰写回答

          登录后参与交流、获取后续更新提醒

          相似问题
          推荐文章