文章详情页
android - 使用vue.js进行原生开发如何进行Class绑定
浏览:105日期: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. 微信开放平台 - Android调用微信分享不显示2. javascript - ie11以下单击打开不了file,双击可以。求解?3. javascript - js 有什么优雅的办法实现在同时打开的两个标签页间相互通信?4. javascript - 关于定时器 与 防止连续点击 问题5. objective-c - ios百度地图定位问题6. javascript - 求助这种功能有什么好点的插件?7. css - 前后端交互问题!8. html5 - rudy编译sass的时候有中文报错9. javascript - node.js服务端渲染解疑10. javascript - 求助关于js正则问题
排行榜
