class绑定问题

来源:2-13 事件绑定-事件修饰符(1)

JarvanIV

2021-10-28 17:23:36

https://img.mukewang.com/climg/617a6bb70990d8e414170856.jpg

样式是写在<style>标签中,但是在data中没有定义,v-bind能绑定不在data中的数据?用了v-bind就是动态传值,可是data中都没有

写回答

1回答

好帮手慕星星

2021-10-28

同学你好,这样写是字符串形式,不需要data中的数据

https://img.mukewang.com/climg/617a71cb09abfaaf10720205.jpg

一个固定的class值,可以看看解析的结构

https://img.mukewang.com/climg/617a71ec0984a10f06500151.jpg

这个样式可以写在<style>中来使用。

v-bind中class值,虽然数组第一项是固定的,但是第二项是动态的就可以。data中数据,例如我们用currentTab,其实用的是Home值,这里加了引号的‘tab-button’,就是字符串本身。

自己再理解下,祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程