반응형

vuejs2 272

콘텐츠가 로드될 때까지 애니메이션 로드 표시

콘텐츠가 로드될 때까지 애니메이션 로드 표시 많은 프로젝트에서 Nuxtjs를 사용하고 있지만, 어떻게 해야 할지 모르겠습니다.Google Adsense 웹 사이트 https://ads.google.com에서와 같이 모든 것이 준비될 때까지 사용자가 콘텐츠 웹을 볼 수 없도록 하고 싶습니다.애니메이션을 제거하기 전에 모든 것이 로드될 때까지 애니메이션을 표시하려고 합니다.언급URL : https://stackoverflow.com/questions/52179594/showing-loading-animation-until-content-loaded

IT이야기 2022.07.01

컴포넌트에서 계산된 비동기 - VueJ?

컴포넌트에서 계산된 비동기 - VueJ? 다음 컴포넌트에서 비동기 계산 방법에 대한 솔루션을 찾고 있습니다. 현재 컴포넌트는 다음과 같습니다. {{messages}} 결과:{} 에서 다시 쓰는 방법Promise모드요? Promise 모드로 쓰면 비동기화할 수 있을 것 같아서요.계산된 속성은 기본적으로 결과를 캐시하여 필요할 때마다 계산할 필요가 없도록 하는 함수입니다.사용하는 반응 값을 기반으로 자동으로 업데이트됩니다. 계산된 항목은 반응형 항목을 사용하지 않으므로 계산되어도 의미가 없습니다.지금 Promise가 반환됩니다(통상적인 동작으로 가정).then). 무엇을 달성하고 싶은지는 확실하지 않습니다만, 제가 추측하는 가장 좋은 것은 데이터 아이템을 생성하여response.data, 그리고 당신의api..

IT이야기 2022.07.01

Vue.js - 비반응 데이터를 하위 컴포넌트에 전달하는 방법

Vue.js - 비반응 데이터를 하위 컴포넌트에 전달하는 방법 Propos를 통해 자 컴포넌트에 데이터를 전달할 수 있습니다.단방향 데이터 흐름 모드에서는 반응합니다.상위 구성 요소에서 데이터 값이 변경되면 다음 작업에도 영향을 미칩니다(업데이트).props자 컴포넌트에 있습니다. 내 경우 상위 구성 요소의 데이터가 변경되더라도 Child 구성 요소의 특정 소품에 대한 업데이트를 받고 싶지 않습니다.Child 컴포넌트는 데이터 표시만 담당하기 때문입니다.그러나 상위 구성 요소의 데이터는 여전히 상위 범위에서 반응해야 합니다. Json처럼 사용할 것을 제안하는 포럼 기사를 읽은 적이 있습니다.좀 지저분한 방법인 것 같고 내 경우 데이터는 하나뿐입니다.string. 그런 해결책을 얻을 수 있는 방법이 있을까..

IT이야기 2022.07.01

vue-router에 router.reload가 있나요?

vue-router에 router.reload가 있나요? 이 풀 요구에는 다음과 같은 내용이 있습니다. router.reload() 현재 경로를 사용하여 새로고침하고 데이터 후크를 다시 호출합니다. 그러나 Vue 컴포넌트에서 다음 명령을 실행하려고 하면 this.$router.reload() 다음의 에러가 표시됩니다. Uncaught TypeError: this.$router.reload is not a function 의사록을 찾아봤지만 관련 내용을 찾을 수 없었습니다.vue/vue-router 프로바이더에는 이와 같은 기능이 있습니까? 관심 있는 소프트웨어 버전은 다음과 같습니다. "vue": "^2.1.0", "vue-router": "^2.0.3", 는 을 안다. 고고있있있있다다location.r..

IT이야기 2022.07.01

서로 다른 프로펠러 이름을 가진 동일한 2개의 Vue.j 컴포넌트 결과가 다른 이유는 무엇입니까?

서로 다른 프로펠러 이름을 가진 동일한 2개의 Vue.j 컴포넌트 결과가 다른 이유는 무엇입니까? 코드펜io: https://codepen.io/xblack/pen/jXQeWv?editors=1010 HTML 부품: JS 부품: Vue.component('child-one',{ template:'#child-one', props:['one'] }); Vue.component('child-two',{ template:'#child-two', props:['mydataTwo'] }); let app = new Vue({ el:'#app', data:{ welcome:'Hello World', mydata:[] }, methods:{ getdataApi(){ fetch( "https://jsonplacehol..

IT이야기 2022.07.01

vue.js에서 클래스를 삭제하는 방법

vue.js에서 클래스를 삭제하는 방법 저는 Vue.js에 익숙하지 않기 때문에 JQuery에서와 마찬가지로 요소에서 클래스를 삭제하는 방법에 대해 도움을 받을 수 있습니다. $('.class1').removeClass("class2"); 그들의 문서에 쓰여 있는 것으로 보아 당신의 코드로 해서는 안 되는 일이라고 말하고 싶습니다. 대신 CSS 클래스는 속성으로 제한하고 클래스의 존재 여부는 속성 값으로 판단해야 합니다. 예(문서 참조): 위의 구문은 다음 명령어가 존재함을 의미합니다.active클래스는 데이터 속성의 진실성에 따라 결정됩니다.isActive(만일 경우)isActive IS true-수업이 있습니다.) 오브젝트에 더 많은 필드가 있으면 여러 클래스를 전환할 수 있습니다.또,v-bind:c..

IT이야기 2022.06.30

같은 값의 라디오 버튼을 재사용하려면 어떻게 해야 합니까?

같은 값의 라디오 버튼을 재사용하려면 어떻게 해야 합니까? 나는 Vue의 초보자이고 무언가를 하면서 배운다.체크박스를 다시 사용할 수 있게 했는데 라디오 버튼에 이상한 결과가 나왔어요.데이터가 배열 형식으로 저장되어 있습니다.ProgramDesign.vue: data() { return { strategies: [ "Not Important", "Slightly Important", "Moderately Important", "Very Important", "Extremely Important", ], }; }, 모든 질문에서 반복되는 옵션입니다.라디오용 컴포넌트를 따로 만들었습니다. {{strategy}} 에서의 사용법은 다음과 같습니다.ProgramDesign.vue: first question go..

IT이야기 2022.06.30

내보낸 이벤트가 Vue JS 구성 요소의 상위 메서드를 호출하지 않음

내보낸 이벤트가 Vue JS 구성 요소의 상위 메서드를 호출하지 않음 두 개의 중첩된 Vue JS 구성 요소가 있습니다.'States - Parent'=>'admin-data-table - Child'. 하위 구성 요소 내부에는 클릭하면 이벤트가 부모에게 다시 전송되는 버튼이 있습니다. 하위 구성 요소 - 관리 데이터 테이블: domainEnable domain_disabledDisable 내부 상위 구성 요소: 이것은 잘 작동하며, 방출된 것은'toggle-active'이벤트가 부모 메서드까지 올바르게 버블됩니다. 단, 버튼의 이름 있는 슬롯을 포함하도록 변경하고 싶습니다. admin-data-table 컴포넌트(자): 내부 상위 구성 요소: domainEnable domain_disabledDisab..

IT이야기 2022.06.30

Vue@click.native가 작동하지 않습니까?

Vue@click.native가 작동하지 않습니까? 다음과 같은 내비게이션 구성 요소가 있습니다. Website Builder Create How About Videos 그리고 내 js: Vue.component('navigation', Navigation) Vue.component('create', Create) Vue.component('how', How) Vue.component('about', About) Vue.component('youtube', Youtube) new Vue({ el: '#app', data: { currentView: 'create' } 및 html: 하지만 네비게이션을 클릭해도 변하지 않기 때문에 정상적으로 동작하고 있지 않다고 생각합니다만, 컴포넌트에서 네비게이션을 떼어..

IT이야기 2022.06.29

[Vue warn] :지시문을 확인하지 못했습니다. bin

[Vue warn] :지시문을 확인하지 못했습니다. bin 나는 VueJs에 처음이야.안녕하세요. 앱이 작동 중인데 콘솔에 jQuery를 차단하는 오류가 나타납니다. v-for="message in messages"가 개체를 루프하고 개체를 표시하려고 하지만 다음 오류가 발생합니다. Vue warn]:지시문을 확인하지 못했습니다. bin @{{ message.fileName }} @{{ message.sentAt }} @{{ message.content }} @{{ message.sentAt }} 사실 이건 라라벨 블레이드니까 @표시는 신경 쓰지 마세요. v-bind 지시문을 추가한 후에도 동일한 오류가 발생했습니다.알고 보니 오타가 났고, v-bind 대신 v-bin이 나왔어요. 앞으로 "Failed ..

IT이야기 2022.06.29
반응형