cyworld

Vue가 특정 API 요청에 대한 데이터를 렌더링하지 않음 다음 구성 요소가 있는데 import Card from "../components/Card"; import axios from "axios"; export default { name: 'Home', components: {Card}, data() { return { data: null, } }, created() { axios.get('https://images-api.nasa.gov/search?q=mars').then(res => { return res.data.collection.items }).then(res => { this.data = res; }) } } "img" 프로펠러를 전달할 수 없어 카드 컴포넌트를 렌더링할 때 문제가 발생하..

Vue.js 구성 요소 내부에 웹 주소록 수신기 설정 나는 사이트에서 여러 번 사용할 구성요소를 만들었고 테이블의 행을 나타낸다. 이제 이 구성 요소의 각 인스턴스가 웹세트를 통해 수신된 메시지에 따라 자체 업데이트되기를 바란다. 나는 등록하려고 했다.onmessage남의 말을 경청하는 사람created()구성 요소의 방법, 그러나 이렇게는 작동하지 않는 것 같다. created()테이블의 각 행에 대해 호출되지만, 듣는 사람은 아무런 효과도 보이지 않는다. 내 "main" App.vue에 수신기를 등록하면 작동이 된다.하지만 내 컴포넌트에 넣어서 쉽게 그 속성에 접근할 수 있었으면 좋겠어. 내가 뭘 잘못하고 있는지 힌트 좀 줄래? 여기 내 구성 요소의 샘플이 있다. {{feed.name}} {{feed..

Vue JS가 반환된 메서드 데이터를 DOM에 표시할 수 없음 템플릿 html {{ getFantasyScore(n.personId) }} 방법 getFantasyScore(playerId) { if(playerId) { axios.get(config.NBLAPI + config.API.PLAYERFANTASYSCORE + playerId) .then( (response) => { if( response.status == 200 ) { console.log(response.data.total) return response.data.total; } }); } } 반환된 데이터를 DOM에 표시하려고 하는데 아무것도 표시되지 않아.하지만 내가 로그를 위로하려고 하면 데이터가 표시된다.어떻게 하면 진열할 수 있..

상위 항목에서 가져온 사용 나는 다른 부품을 관리하는 부품을 만들고 있어.에 따라 특정 위치에 구성요소를 동적으로 렌더링함props그리고inputs오케스트라 같은. 유스케이스 내 Orchestrator에는 격자(p1 ... p6)와 같은 자리 표시자가 있다. |-p1-|-p2-|-p3-| |-p4-|-p5-|-p6-| 주어진 순간에 구성 요소를 렌더링하며C1로p2그리고C2로p6: |-p1-|-C1-|-p3-| |-p4-|-p5-|-C2-| 또 다른 순간에는, 그것은C1에 의해C3: |-p1-|-C3-|-p3-| |-p4-|-p5-|-C2-| 문제 이런 역동성을 감안하면 (내가 아는 한) 쓸 수가 없다.slots. 그래서 나는 사용하고 있다.component에 꼬리표를 달다.:is올바른 구성 요소를 동적으..

vue.js 단일 파일 구성 요소를 백그라운드에서 로드하는 방법 나는 현재 vue 단일 파일 구성요소에 점/마커가 있는 (지리학적) 지도를 가지고 있다.점/마커의 세부사항을 표시할 때, 나는 이제 지도 구성요소의 '위쪽에 위치'하는 모달(modal)을 사용한다.모달을 닫을 때 지도가 다시 로드되지 않고 모든 것이 동일한 상태로, 필요에 따라. 나는 모달 대신 다른 vue 구성 요소를 사용하는 것을 선호하지만, 지도로 돌아가면 다시 로드되어 상태가 사라졌다.지도를 백그라운드에서 쉽게 로드할 수 있는 방법이 있을까?그래서 '역사'로 돌아갈 때도 여전히 같은 상태인가? keep-alive 구성 요소를 사용하여 다른 경로로 이동할 때 구성 요소를 활성 상태로 유지하십시오.https://vuejs.org/v2/g..

이미지 주소를 어레이에 배치하고 소스 VUE JS에서 해당 어레이 인덱스를 사용하는 방법 나는 vue js에 처음 빠져서 작은 문제에 직면해 있다.처음 접하는 거라 작은 문제일 거야. 혼자서는 해결할 수 없어.어떤 제안이나 해결책이든 설득력이 있을 것이다. 문제는 이미지 주소(자산 디렉토리에 있을 이미지)를 배열로 저장한 다음 그 주소를 태그에 원본으로 전달하고 싶다.예를 들어 다음과 같은 코드가 있다. 이미지 소스를 src 어레이에 저장할 위치: export default { name: 'Home', data: () => ({ imgs: ['./assets/img1.png','./assts/img2.png' ], }), 어떤 힌트라도 정말 감명깊게메서드를 생성할 수 있음: methods() { getI..

사용 가능한 업데이트 컨텐츠 데이터 문제 나는 실행하려고 노력하고 있다.handsontable. 내 요구대로, 나는 다시 렌더링하고 싶다.handsontable드롭다운 값 변경, 그러나 드롭다운 선택 시handsontable올바르게 업데이트되지 않음.다음은 내 코드: 손 쓸 수 있는.vue: 상위 구성 요소: 위의 코드로, 내 데이터는 서버에서 성공적으로 수신되지만, 다음에서 데이터를 업데이트할 수 없는 경우handsontable, 다음 스크린샷에 표시된 바와 같이: 드롭다운 선택 후 테이블을 올바르게 렌더링하려면 어떻게 해야 하는가?나는 두 가지 문제를 본다. handsontable다이나믹을 다루지 않는 것 같다.settings(콘솔 오류 참조)settings계산된 속성이 아니어야 한다.업데이트해야 하..

Vue 코어 UI 선택 값을 설정하는 방법 초보자 질문 미안해, 나 Vue.js 처음이야.나는 Core를 사용하고 있다.UI. 문서/코어의 설명UI+Vue는 드물다. 나는 그것을 사용하고 있다.술래잡기 그리고 여기 내가 가지고 있는 것은꼬리표를 달다 Submit JavaScript: methods: { test(e) { console.log("test"); debugger; e.preventDefault(); } } 중단점을 맞아서 검사할 때this.testy이는 선택 상자의 값을 반환하지 않고 대신 다음과 같은 값을 반환한다. 나는 퍼팅이란 인상을 받았다.v-model내 생각에CSelect내 선택 상자를 노출시킬거야this.*어떻게든 쉽게 그 가치를 얻을 수 있었다(?! 컨텍스트의 경우 DOM에서 렌더..

BootstrapVue 회전목마에 이미지를 포함하려면 어떻게 해야 하는가? BoostrapVue에 있는 b-carousel의 img-src=" 속성에 이미지를 추가하려고 한다.이미지는 현재 자산 폴더에 저장되어 있다. Hello world! 결과 이미지 아래에 Find를 추가했다. 이미지가 올바른 위치에 올바르게 저장되어 있는지 확인하십시오.웹 팩과 함께 로더를 사용하는 경우(예: vue-loader, url-loader 등) 로더가 다음을 알고 있는지 확인하십시오.img-srcURL을 수신하다 로더에게 사용자 지정 구성 요소의 URL 소품 처리를 지시하는 방법은 다음 문서를 참조하십시오. https://bootstrap-vue.js.org/docs/reference/images(Vue Loader 참조..

Vue의 하위 구성 요소와 개체 속성 동기화 컨텍스트 나는 Typecript 3.5.3의 클래스 기반 구성요소를 사용하여 Vue.js 2.6.10에서 많은 입력을 가진 큰 양식을 만들고 있다.(아래 코드 스니펫에서 TS가 문제가 아니라는 것을 확신하기 때문에 JS로 변환했다.)사용자를 압도하지 않기 위해 양식은 여러 구성 요소로 분해되며, 한 번에 한 개만 사용자에게 보여진다. 상위 구성요소 {{Container.name}} 그Container개체는 수집될 모든 데이터의 래퍼입니다.알다시피, 내가 모든 물체를 어린이 구성요소에만 전달하도록 요청된 모든 물체를 전달하고 있다.이것은 의견이 분분해 보일지 모르지만, 나는 이유가 있다. Form 구성 요소는 다음과 같이 요약된다. // Imports left ..