vue 共用的TagType组件折腾小记

最新推荐文章于 2024-08-15 09:11:01 发布

郝艳峰Vip

最新推荐文章于 2024-08-15 09:11:01 发布

阅读量564

点赞数

分类专栏： vue.js 文章标签： vue.js 组件

本文链接：https://blog.csdn.net/ww_5211314/article/details/103425552

版权

前沿：

一个tap页点击切换的共用的组件。如图所示：
微信图片_20180822161727.png

step1:新建一个tapTag.vue,内容如下

<template>
    <div class="TagTypeMoudle">
        <span class="flagButton"
              v-for="(item,index) in UnderTheFlagType"
              v-bind:key="index"
              @click="flagButton(index,item)"
              :class="{
    'flagButtonClick':isClickFlag == index}">{
  {item}}</span