文章詳情頁
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按鈕點了沒反應
排行榜
網公網安備