問(wèn)題描述

Android 原生開發(fā)中，Weex 的 class 綁定代碼 <p class='btn-{{type}} btn-sz-{{size}}'>如何轉(zhuǎn)換成 Vue.js 實(shí)現(xiàn)？

我試了使用 computed 屬性，classA () {return 'btn btn-' + this.type + ' btn-sz-' + this.size}然后使用 <p :class='classA'>完成class 綁定，原生沒(méi)成功，web成功的。

問(wèn)題解答

使用如下方式：

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

其中type和 size是data中定義的props，注意添加[和]

試試：<p :class='’btn-’+type ’btn-sz-’ + size'>

拼接的class可以用數(shù)組，<p : @click='onclick'>