c10106

Vuejs : v-for에 여러 개의 확인란이 있는 v-model v-model을 "복잡한" 개체와 함께 사용하는 것에 대해 몇 가지 질문이 있다.내 암호는 다음과 같다.

vue v-for 루프, 클래스 개인 추가 v-for를 사용하여 목록을 반복하고 목록을 표시한다. 렌더링 후 각 목록에는 제목과 숨겨진 콘텐츠가 있으며, 그 목록의 제목을 선택하면 모든 콘텐츠가 아닌 콘텐츠가 표시되도록 하고 싶다. 지금까지 이렇게 하고 있다(@hanksd 덕택). Click here to show the content This is the hidden content Click here to show the content This is the hidden content data() { return { show: false, }; } 다음과 같은 글을 쓸 수 있다. Click here to show the content This is the hidden content 개체를 반복하는 경우 ..

VueJS - Ctrl+V를 감지하는 방법 나는 이미 이 질문에 대한 답을 봤지만, 그것은 내가 필요로 하는 해결책이 아니다. 왜냐하면 그것은 jQuery를 위한 것이고, 나는 vue.js를 위한 무언가가 필요하기 때문이다. 지금까지 ff. 코드를 사용하여 단일 문자 누름을 감지할 수 있었다. export default { name: 'game', data () { return { allowInput: false, disabledKeys: ['ArrowLeft', 'Home', 'Control'] } }, methods: { keymonitor: function (event) { console.log(event.key) if (this.disabledKeys.indexOf(event.key) >= 0) ..

Vue 2; 'firebase/app'에서 내보내기 'default'('firebase'로 가져오기)를 찾을 수 없음 나는 Vue 2 앱에서 소방서를 수입하려고 하는데, 이 짜증나는 문제에 부딪히고 있어. 내 수입은 다음과 같다. import firebase from 'firebase/app' import 'firebase/auth' import 'firebase/firestore' 하지만 내가 서브를 할 때, 나는 다음과 같은 것을 얻는다. 'firebase/app'에서 내보내기 'default'('firebase'로 표시됨)를 찾을 수 없음 내 견해는 전달되거나 전달되지 않아 내 버전의 소방 기지는 npm에서 9.0.0 떨어져 있다.2021년 8월 25일 Firebase SDK 버전 9가 출시됨에 따..

소품 포함 Vue-Router 전달 데이터 부에루터를 이용한 소품 전달에 어려움을 겪고 있다.소품들을 다음 시야로 가져오면 접근할 수 없을 것 같다.내 방법의 목적은 다음과 같다. methods: { submitForm() { let self = this; axios({ method: 'post', url: url_here, data:{ email: this.email, password: this.password }, headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=utf-8' } }).then(function(response) { self.userInfo = response.data; self.$router.push({nam..

VuetifyJS, 라우터 링크가 커서로 표시되지 않음 Name 그러나 마우스가 이 요소 위에 있을 때 스타일은 적용되지 않으며 커서는 텍스트 커서를 유지한다. 전체 코드: Name 이 버전을 사용해 보십시오.바인딩 더style꼬리표를 달다 Name 작업 예시.참조URL: https://stackoverflow.com/questions/45290000/vuetifyjs-router-link-not-showing-up-as-a-cursor

Vue 슬롯의 높이 및 너비 계산 슬롯의 높이와 너비를 계산하는 데 어려움을 겪고 있다.내 주변 구성 요소에서 이미지를 렌더링하려고 한다.이 이미지들의 크기는 105x160이다.그러나 console.log에 clientWidth 및 클라이언트가 있는 경우키, 난 0x24야 나는 내 문제가 이것과 관련이 있다고 믿는다.vue.js 2에서는 슬롯이 렌더링되면 구성 요소의 높이를 측정하지만, 나는 여전히 이해할 수 없다.경계 구성 요소와 개별 슬롯 구성 요소 모두에 $nextTick을 사용해 보았다. 내 주변 구성요소에는 다음이 있다. 또한 $nextTick 없이 distributSlots() 메서드를 작성했다. distributeSlots() { let angle = 0; const { clientHeigh..

테이블 행에서 Vuejs 전환 나는 html 테이블 행(vue.js)에서 성공하지 못하고 전환(애니메이션)을 하려고 한다.여기 전체 예가 있다. new Vue({ el: '#data', data: { items: [ { data: 'd1', more: false }, { data: 'd2', more: false }, ] } }); .fade-enter-active, .fade-leave-active { transition: opacity 2s } .fade-enter, .fade-leave-to { opacity: 0 } anim Show the hidden row {{k + 1}} - {{item.data}} 숨겨진 테이블 행이 나타날 때 불투명도 속성에 대한 전이/애니메이션과 함께 나타나기를 기대하..

vue 템플릿에서 console.log 또는 console.error를 사용하는 방법 Vue 구성 요소가 있고 주다 app.js:47961 [Vue warn]:속성 또는 메서드 "console"은 인스턴스에서 정의되지 않고 렌더링 중에 참조된다. window.console역시 효과가 없다. 디버깅할 템플릿에서 콘솔과 창을 사용하는 올바른 방법은?메소드를 사용하지 않고 인라인으로 실행하려면 추가하십시오.this형식: 코드펜: https://codepen.io/x84733/pen/PaxKLQ?editors=1011 First: Second: 그러나 기능을 인라인으로 실행하는 대신 방법을 사용하는 것이 더 좋으며, 따라서 이 방법을 더 잘 제어할 수 있다. First: Second: ... methods: {..

알 수 없는 요소: - 구성 요소를 올바르게 등록하셨습니까? 부에루터 나는 사방을 둘러보았지만 마땅한 해결책을 찾지 못한 문제가 있다. [부유 경고]:알 수 없는 사용자 지정 요소: - 구성 요소를 올바르게 등록하셨습니까?재귀 구성 요소의 경우 "이름" 옵션을 제공하십시오. 에서 발견되다. ---> src/App.vue에서 import Vue from 'vue' import App from './App.vue' import Generic from './Generic.vue' import ABC from './abc.vue' import ueRouter from 'vue-router' import { routes } from './router.js' Vue.component('vue-header', Hea..