文章详情页
android - 使用vue.js进行原生开发如何进行Class绑定
浏览:111日期: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. mysql - 在不允许改动数据表的情况下,如何优化以varchar格式存储的时间的比较?2. css - chrome下a标签嵌套img 显示会多个小箭头?3. javascript - 网页打印页另存为pdf的代码一个问题4. vim - docker中新的ubuntu12.04镜像,运行vi提示,找不到命名.5. java中返回一个对象,和输出对像的值,意义在哪儿6. css3 - 纯css实现点击特效7. docker网络端口映射,没有方便点的操作方法么?8. mysql 为什么主键 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?9. javascript - Img.complete和img.onload判断图片加载完成有什么区别?10. javascript - 有适合开发手机端Html5网页小游戏的前端框架吗?
排行榜
