搜索

首页  >  问答  >  正文

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

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

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

高洛峰高洛峰2889 天前534

全部回复(3)我来回复

  • 黄舟

    黄舟2017-04-18 09:21:03

    使用如下方式:

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

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

    回复
    0
  • 高洛峰

    高洛峰2017-04-18 09:21:03

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

    回复
    0
  • 怪我咯

    怪我咯2017-04-18 09:21:03

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

    回复
    0
  • 取消回复