vue 多个li点击动态切换背景颜色,及多个class混合使用

最新推荐文章于 2022-12-26 17:21:08 发布

周家大小姐.

最新推荐文章于 2022-12-26 17:21:08 发布

阅读量1.7k

点赞数

分类专栏： vue2.0

本文链接：https://blog.csdn.net/qq_40190624/article/details/118340761

版权

父组件

  <div class="list-content" v-for="(item ,i) in projectList" :key="i">
                <project-list :isActive="isActive" :curIndex='i' :project="item"  @clickItem="handleItem(i)" />
              </div>
export default {
 data() {
    return {
  isActive: '0',
      // 左侧项目列表
      projectList: [
        {
          title: '立白星级门店打造',
          time: '2020.10.23-2021.12.22',
          dataList: [
            {
              title: '门店执行目标',
              number: '324'
            },
            {
              title: '执行门店数',
              number: '2,324'
            },
            {
              title: '执行率',
              number: '90.