亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue for循環渲染,點擊事件

vue for循環渲染,點擊事件

翻翻過去那場雪 2018-08-02 20:56:53
類似于這種在時間的后面加個按鈕,點擊會讓每個li里面的p內容顯示或者隱藏,類似toggle這種,但是只能每個按鈕點擊顯示當前,其他的顯示或者隱藏,需要看對應按鈕是否被點擊
查看完整描述

2 回答

?
明月笑刀無情

TA貢獻1828條經驗 獲得超4個贊

你應該也去維護一個數組類似:

let isShowArr = [false,false,false];

當點擊其中一個li使找到他的索引,并將isShowArr中的對應索引的值取反就可以了


查看完整回答
反對 回復 2018-08-04
?
肥皂起泡泡

TA貢獻1829條經驗 獲得超6個贊

沒太看明白你的需求,大概猜測是想做到 當前和其他不一樣,比如當前展示,其他都隱藏的效果?

如果是這樣,那么你需要 維護一個curIndex變量,標識點擊的是誰,每次點擊把當前index賦值給curIndex,模板里通過判斷curIndex和index是否相等來達到目的,大概demo如下:
這里通過切換一個className來做例子

// html<template>
    <ul>
      <li v-for="(item ,index) in list" :key="index" @click="handleClick(index)">
        <span :class="{active: index === curIndex}">{{item}}</span> {{index}}      </li>
    </ul></template>

// js

export default {    data(){        return {
            curIndex: 0,
            list: ['a','b','c']
        }
    },
    methods: {
        handleClick(p) {          this.curIndex = p;
        },
    },
}


查看完整回答
反對 回復 2018-08-04
  • 2 回答
  • 0 關注
  • 3037 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號