文章詳情頁
android - 使用vue.js進行原生開發如何進行Class綁定
瀏覽:286日期:2024-02-25 09:40:13
問題描述
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成功的。
問題解答
回答1:使用如下方式:
<p :class='[’btn’, ’btn-’ + type, ’btn-sz-’ + size]'>
其中type和 size是data中定義的props,注意添加[和]
回答2:試試:<p :class='’btn-’+type ’btn-sz-’ + size'>
回答3:拼接的class可以用數組,<p : @click='onclick'>
標簽:
vue
相關文章:
1. docker-compose中volumes的問題2. angular.js - angular內容過長展開收起效果3. golang - 用IDE看docker源碼時的小問題4. dockerfile - [docker build image失敗- npm install]5. mysql - 記錄開始時間和結束時間,表字段類型用timestamp還是datetime?6. MySQL 什么需求下(情況下)才使用事務?7. mysql函數unix_timestamp如何處理1970.1.1以前的數據?8. 表單提交驗證,沒反應,求老師指點9. 刷新驗證碼方法10. Mac下mysql在控制面板中stop按鈕點了沒反應
排行榜

網公網安備