vue实现的简单的选项卡
2020-03-01 本文已影响0人
敲代码的小华
下图是用vue实现的一个简单的一个选项卡案例：
选项卡
通过以前的文章可知@click指令是给元素添加事件的，而v-if="表达式"中，表达式的值如果为true则控制显示。所以在data添加了一条数据num:1,而通过@click给选线卡添加了改变num值的单击事件，而当v-if="num==()"num==()为真的时候，选项卡内容则对应显示，这样选项卡的功能就实现了。
选项卡
选项卡
下图是用vue实现的一个简单的一个选项卡案例：
选项卡
通过以前的文章可知@click指令是给元素添加事件的，而v-if="表达式"中，表达式的值如果为true则控制显示。所以在data添加了一条数据num:1,而通过@click给选线卡添加了改变num值的单击事件，而当v-if="num==()"num==()为真的时候，选项卡内容则对应显示，这样选项卡的功能就实现了。
