文章詳情頁
android - 使用vue.js進行原生開發如何進行Class綁定
瀏覽：293日期：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. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能？3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. 如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？5. 實現bing搜索工具urlAPI提交6. javascript - 移動端上不能實現拖拽布局嗎？7. angular.js - 單頁應用（ng/vue）該如何監聽用戶離開當前頁面（或者路由）？8. javascript - ios返回不執行js怎么解決？9. thinkPHP5中獲取數據庫數據后默認選中下拉框的值，傳遞到后臺消失不見。有圖有代碼，希望有人幫忙10. index.php錯誤，求指點
排行榜
網公網安備