文章詳情頁
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錯誤,求指點
排行榜

網公網安備