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

Question

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成功的。

Answer 1

Gunakan seperti berikut:

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

di mana jenis dan size ialah data yang ditakrifkan dalam props, sila tambah [dan]

Answer 2

Cuba:
<p :class="'btn-'+taip 'btn-sz-' + saiz">

Answer 3

Kelas yang disambung boleh menggunakan tatasusunan, <p class="btn" :class="['btn-' + (type), 'btn-sz-' + (saiz)]" @click= "onclick" >