vuejs2

0열

1답변

저는 새로운 VueJS 학생이고 지시어를 사용하려고했는데 왜 요소를 가져올 수 없는지 알지 못하기 때문에 중단되었습니다. 내가 뭘 잘못하고 있니? 방금 el 요소를 얻고 싶습니다. 여기에 JSFiddle 또는 아래 코드가 있습니다. HTML <div class="container" id="vue-app"> <ul> <li v-test v

0열

1답변

Vue.js - 구성 요소를 업데이트하기 전에 애니메이션이 완료 될 때까지 기다립니다.

내 페이지는 정적 HTML + JQuery가 혼합되어 있으며 일부는 Vue.js로 작성되었습니다. 반응성 저장소의 배열을 관찰하고 배열의 길이를 보여주는 간단한 Vue 카운터 구성 요소가 있습니다. 또한 저장소 배열에 무언가를 추가하는 버튼이 있습니다. 현재 버튼을 클릭하면 카운터가 즉시 새로 고침됩니다. 버튼을 클릭 할 때 약 1 초 동안 실행되는 애니메

1열

1답변

상위 구성 요소를 클릭하여 하위 구성 요소를로드합니까?

코멘트를로드하는 버튼 구성 요소가 있습니다. 주석은 별도의 구성 요소입니다. 하위 구성 요소를로드하려면 어떻게해야합니까? 하위 구성 요소에서 v-if를 사용하는 간단한 경우입니까? 아니면 더 효율적인 방법이 있습니까? <template> <div class="comment-btn" @click="toggleActive"> <img src

1열

1답변

vue 구성 요소를 탑재하는 방법은 무엇입니까?

나는 보통과 같이 내 구성 요소를 가져옵니다 Vue.component('comments', require('./components/Comments.vue')); 하지만 수동 조건에 따라 .vue 파일을 탑재하고 싶습니다. 문서 상태 : var MyComponent = Vue.extend({ template: '<div>Hello!</div>'

0열

1답변

Vuejs : 모바일 브라우저에서 100vh

나는 min-height: 100vh 과 함께 페이지를 가지고 있으며 모바일 브라우저에서 일부 오버플로가 렌더링됩니다. 그리고이 스크립트를 사용하여 수정했습니다 : methods: { calcVH() { const vH = Math.max(document.documentElement.clientHeight, window.innerHeig

1열

1답변

하위 구성 요소에 동일한 소품을 반복적으로 전달하지 마십시오. Vuejs

잠시 동안 검색을 시도했지만 이미있는 답변을 찾을 수 없습니다. 내 응용 프로그램에서 다른 하위 구성 요소에 동일한 소품을 반복적으로 전달해야한다는 것을 발견했습니다. 예를 들어 부모 컴포넌트에서 모달 가시성을 토글하는 메소드가있을 수 있습니다. 그런 다음 일부 하위 구성 요소는 모달을 전환하려면이 메소드에 액세스해야 할 수 있습니다. <nav-bar

1열

1답변

.vue 파일에서 다른 .vue 파일로 템플릿을 전달하십시오.

this 튜토리얼을 따르려고합니다. 아래 코드를 사용하여 Modal이 표시됩니다. <modal v-model="showModal" :animation-duration="animationDuration" :close-on-click-away="closeOnClickAway" > <p slot="header">Co

1열

1답변

저장하지 않은 변경 사항이 있기 때문에 vue.js 구성 요소가 삭제되지 않습니다.

vuejs을 사용하고 있습니다. 사용자가 데이터를 저장할 수있는 구성 요소가 있습니다. 그러나 사용자가 데이터를 저장하지 않았으며 다른 경로로 이동하거나 구성 요소를 파괴하려고 시도 할 수 있습니다. 저장되지 않은 데이터가 있고 사용자가 실제로 저장되지 않은 상태로두고 싶다는 메시지를 표시하려고합니다. 사용자가 저장하지 않은 데이터를 남기고 싶지 않다고 말

2열

2답변

Vue를 사용하여 초 단위로 카운트 업

작은 타이머 Vue 구성 요소를 생성 중입니다. 사용자는 타이머를 시작하고 중지 할 수 있어야합니다. <template> <div> <a class="u-link-white" href="#" @click="toggleTimer"> {{ time }} </a> </div> </template> <scr

0열

1답변

패스 얇은 공간은 VUE 필터에서 HTML로 :

를 특히 여기에, 나는 달러 기호 아래 필터의 가격 사이에이 얇은 공간 중 하나 전달할 : U+2009 THIN SPACE U+2006 SIX-PER-EM SPACE U+200A HAIR SPACE filters: { currency: function(price) { return "$".concat(price.toFixed(