android - 使用vue.js进行原生开发如何进行Class绑定
高洛峰
高洛峰 2017-04-18 09:19:03
0
3
528

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

모든 응답(3)
黄舟

다음과 같이 사용하세요.

으아악

여기서 유형과 sizedata에 정의된 props입니다. [및]

을 추가하세요.
小葫芦

다음을 시도해 보세요.
<p :class="'btn-'+type 'btn-sz-' + size">

刘奇

스플라이싱된 클래스는 배열을 사용할 수 있습니다. <p class="btn" :class="['btn-' + (type), 'btn-sz-' + (size)]" @click= "클릭" >

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿