文章详情页
android - 使用vue.js进行原生开发如何进行Class绑定
问题描述
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. mac连接阿里云docker集群,已经卡了2天了,求问?2. 老师,你这两条斜杠的是怎么注释的?3. angular.js - angularjs ng-repeat 不能刷新4. PHP单例模式5. docker 下面创建的IMAGE 他们的 ID 一样?这个是怎么回事????6. node.js - 来帮我捋一下node中fs模块watch实现原理7. docker镜像无法删除,请求解决办法。8. angular.js - 用angular2-cli打包项目之后,跳转路由刷新会报404的错误9. css3 - css字体样式加填充色而不是背景色10. angular.js - angularJS最简单方法实现点击checkbox,button变亮
排行榜