vue+elementUIブラウザのようにWebページを開く機能(ページチェック機能)を実現

コードにはいくつかの文がありません.直接完成した例を示します.

  


export default {
    mounted() {
        console.log("hello");
    },
    computed: {},
    data() {
        return {
            activeName: "first",
            tabs: [
            ],
            navs: [
                {
                    label: "    ",
                    name: "first"
                },
                {
                    label: "    ",
                    name: "second"
                },
                {
                    label: "    ",
                    name: "third"
                },
                {
                    label: "      ",
                    name: "fourth"
                }
            ]
        };
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        },
        change(index) {
            var currData = this.navs[index];
            for (let x = 0; x < this.tabs.length; x++) {
                const tab = this.tabs[x];
                if(tab.name == currData.name){
                    this.activeName = tab.name;
                    return;
                }else{
                    console.log("   ～"); 
                }
            }
            this.tabs.push(currData);
            this.activeName = this.tabs[this.tabs.length-1].name;
        }
    }
};

独自のtabsコンポーネントを使用する場合は、el-tabsに置き換えればよい～