• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Vue 게시판 vue2로 프로젝트를 만들고 있는데요

vue2로 프로젝트를 만들고 있는데요

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #51121

    오도경
    참가자
     위에 3줄은 화면에 출력되는 것 밑에 div는 모달창입니다 무슨문제가있어 안열리는지 궁금합니다.
    <template>
     <v-storeinfo>
        <nav>
            <p @click="Modalstate =true; 누른거 =0" class="storeinfoclass">향촌점</p>
            <p @click="Modalstate =true; 누른거 =1"  class="storeinfoclass">목련점</p>
            <p @click="Modalstate =true; 누른거 =2" class="storeinfoclass">도마점</p>
       </nav>
        <div class="black-bg" v-if="Modalstate == true">
            <div class="white-bg">
                <h4>{{Storeinfomenu[누른거].title}}</h4>
                
                <p>{{Storeinfomenu[누른거].number}}</p>
                <p>{{Storeinfomenu[누른거].time}}</p>
                
                <button @click ="Modalstate = false" class = "close">닫기</button>
            </div>
        </div>
    </v-storeinfo>
    </template>
    <script>
    export default {
        data(){
            return{
                Modalstate : false,
                Storeinfomenu : [{
                                        id : 0,
                                        title: "향촌점",
                                        image: url('@/assets/img/향촌점.png'),
                                        number: "042-123-4567",
                                        time: "07시~ 21시",
                                        location: url('@/assets/img/향촌점 위치.png')
                                    },
                                    {
                                        id : 1,
                                        title: "목련점",
                                        image: url('@/assets/img/목련점.png'),
                                        number: "042-123-4567",
                                        time: "07시~ 21시",
                                        location: url('@/assets/img/목련점 위치.png')
                                    },
                                    {
                                        id : 2,
                                        title: "도마점",
                                        image: url('@/assets/img/도미점.png'),
                                        number: "042-123-4567",
                                        time: "07시~ 21시",
                                        location: url('@/assets/img/도미점 위치.png')
                                    }],
                누른거 : 0,
            }
        },
    }
    </script>
    #51133

    codingapple
    키 마스터
    열기버튼누르면 Modalstate 잘바뀌나 콘솔창에 출력해봅시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠