Vue2 tab切换(选项卡)的一种写法

最新推荐文章于 2024-06-03 13:38:13 发布

Nevaly

最新推荐文章于 2024-06-03 13:38:13 发布

阅读量627

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liuliu-hai/p/7891116.html

版权

本文介绍了一种使用Vue2实现tab切换的方法，通过v-for简化代码，并强调了v-for遍历顺序、Vue.set()的使用以及组件引用的关键点。在change方法中利用Vue.set更新active状态，并通过func属性引用组件。

摘要由CSDN通过智能技术生成

　　最近在学习Vue,看是案例后随便做一个实践,一遍加深理解;这种简单又能实现效果的比较能够接受;

html:结构很简单:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>components</title>
    <script src="vue.js"></script>
    <style type="text/css">
        span{
    
            background

最低0.47元/天解锁文章

Nevaly

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue2 tab切换(选项卡)的一种写法

　　最近在学习Vue,看是案例后随便做一个实践,一遍加深理解;这种简单又能实现效果的比较能够接受;html:结构很简单:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>components</...
复制链接

扫一扫