文章详情页
android - 使用vue.js进行原生开发如何进行Class绑定
浏览:104日期: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. 编辑成功不显示弹窗2. 哭辽 求大佬解答 控制器的join方法怎么转模型方法3. Navicat for mysql 中以json格式储存的数据存在大量反斜杠,如何去除?4. mysql - 数据库表中,两个表互为外键参考如何解决5. mysql储存json错误6. mysql - 怎么生成这个sql表?7. mysql - 表名称前缀到底有啥用?8. sql语句 - 如何在mysql中批量添加用户?9. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE语法实现存在即更新应该使用哪个标签?10. 怎么php怎么通过数组显示sql查询结果呢,查询结果有多条,如图。
排行榜
