文章詳情頁
android - 使用vue.js進行原生開發如何進行Class綁定
瀏覽：90日期：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. java - public <T> T findOne(T record) 這是什么意思2. css - 關于ul的布局3. javascript - 前端開發 本地靜態文件頻繁修改，預覽時的緩存怎么解決？4. android - 優酷的安卓及蘋果app還在使用flash技術嗎？5. docker不顯示端口映射呢？6. mysql數據庫每次查詢是一條線程嗎？7. python - linux怎么在每天的凌晨2點執行一次這個log.py文件8. javascript - 我的站點貌似被別人克隆了， google 搜索特定文章，除了域名不一樣，其他的都一樣，如何解決？9. 如何分別在Windows下用Winform項模板+C#，在MacOSX下用Cocos Application項目模板+Objective-C實現一個制作游戲的空的黑窗口？10. 小程序怎么加外鏈，語句怎么寫！求救新手，開文檔沒發現
排行榜
網公網安備