cyworld

v-for는 왜 잠깐 동안만 작동하는가? Vue.js에서 나에게 일어나고 있는 이상한 문제가 있어.내 잘못인지 벌레인지 모르겠다. v-for를 콤마와 함께 사용하면(v-bind) 오류가 발생하지는 않지만 아무것도 표시되지 않는다.쉼표를 사용하지 않을 때 이 오류가 표시됨Elements in iteration expect to have 'v-bind:key' directives. 그러나 내가 콤마를 다시 추가하면, 그것은 잠깐 동안 표시되고, 그리고 그것은 나에게 앞서 말한 행동을 준다. 해당 코드: {{ element }} 미리 고마워!:v-for와 같다v-bind:v-for오류는 목록 반복에 키가 있어야 한다고 말한다.v-bind:key또는:key) 올바른 암호는 {{ elements }} https:..

v-model 값을 JS에서 변경하는 방법 나는 구글 자동 완성 주소 양식을 사용하고 있다.구글 공식 웹페이지에서 예를 찾았다.별일 없다.모든게 잘 돼! 하지만 이건 자바스크립트야. 나는 Vue 애플리케이션을 가지고 있고 JS 스크립트에서 텍스트 입력 값을 변경하는 방법이 마음에 들지 않는다.그 아이디어는 내가 메인 입력에서 무언가를 변경할 때, JS 이벤트 수신기는 다른 입력에 대한 값을 변경해야 한다는 것이다. document.getElementById(addressType).value = val; 문제는 "문서"를 사용하여 값을 변경해야 한다는 것이다. document.getElementById('street_number').value 난 너트와 비슷한 걸 갖고 싶어. 그리고 값을 읽으려면: exp..

BootstrapVue로 프로그래밍 방식으로 내비게이션 링크를 구성하는 올바른 방법 BootstrapVue 라이브러리를 사용하는 경로 목록에서 상위 네비게이터를 만들고 싶다.응용 프로그램에 라우터 링크가 있으며(일반 사례에서 계산된 목록) 다음 집합을 구성해야 함b-nav-item루프의 페이지에 있는 요소들내가 만든 vue 구성 요소 코드: App {{item.label}} 이 접근법이 BootstrapVue에 적용되는가? {{item.label}} 포장해야겠다b-nav-item와 함께span요소들, 아마도, 같은 것을 하지 않고도 할 수 있는 더 좋은 방법이 있을 것이다.span.그냥 사용해v-for직접적으로, 그리고 명시하는 것을 잊지 마십시오.key특유한 가치로 귀속시키다 {{ item.label ..

Vue.js - 속성을 통해 구성 요소에 대해 여러 값(어레이)을 설정하는 방법 Vue.js 구성 요소가 있는데, 이 모든 구성 요소는 외부에서 데이터를 가져온다. 예: 이것은 지금까지는 효과가 좋았지만, 이제 나는 그 재산에 대해 여러 가지 가치를 설정해야 한다. 이 작업은 작동하지 않음: 하나의 속성에 대해 여러 값을 설정하는 방법 갱신하다 나는 모범을 보이고 있지만 그것이 올바른 방법인지는 잘 모르겠지만 그것은 효과가 있다.만약 누군가가 더 좋은 방법을 알고 있다면, 나는 네가 나와 그것을 공유한다면 행복할 거야. 구성 요소를 다음과 같이 부른다. 구성 요소의 암호는 다음과 같다. 속성 바인딩 구문을 사용하십시오. 앞쪽의 결장을 주목하라.:times. 데이터를 구문 분석하거나 사용할 필요가 없다.엔..

Vue.js - 루트 요소가 v-for를 가질 수 없고 분할 래퍼가 필요한 이유 나는 왜 내가 Vue에 있는 이 템플릿에 메인 포장 디브가 필요한지에 대한 설명을 찾고 있다.그것 없이, 만약 주 원소가 디브인 경우v-for- 그러면 품목 리스트가 작동을 멈춘다. 데이터는 원본에서 정의되며, Ajax 없이 바로 정의되며, 메인 앱에서 나는 단지 어떤 데이터를 사용해야 하는지 알려주는 속성을 가진 구성요소를 사용한다. 사용의 의미APP_DATA['json_items']출처 데이터로서모든 것이 잘 돌아가지만, 바깥쪽 칸을 제거하면 작동을 멈추게 된다.템플릿은 하나의 루트 요소만 가질 수 있다.V-for는 여러 루트 요소를 반환하므로 요소 내부에 포함시켜야 한다. 이게 도움이 되길 바래!!https://vuej..

Vue.js에서 임의 요소를 가져오는 방법 나는 3개의 히어로 이미지와 그 내용을 가지고 있는데, 사용자가 페이지를 새로 고칠 때 임의로 표시하려고 해! 기본적으로 로딩 페이지에서 Jquery를 사용하여 랜덤 div를 표시하려고 하지만 문제는 히어로 이미지의 크기가 크고Jquery, 이 3개의 모든 이미지가 로딩되기 시작한다.DOM페이지 속도에 영향을 미치는. Vue.js에서 특정 로드를 로드하기 위한 해결책이 있는가?div한번에, 모두 3은 아니다.divs사용자가 페이지를 새로 고칠 때!? Lipsum Heading Lipsum dummy content body test dummy goes here. jQuery 코드: mounted() { var random = Math.floor(Math.rando..

Vue js 동적 데이터 구성 요소 부모 구성 요소에서 소품을 사용하여 자식 구성 요소로 동적 데이터를 전달하고 있다.그래서 나는 어떻게 myColor 소품을 총값에 더해서 최종 값으로 결과를 렌더링할 수 있는지 알고 싶다.부모 구성 요소(형상)와 자식 구성 요소(색상)로 게시물을 이미 업데이트한 경우 나는 Vue 2와 웹팩을 사용하고 있다. //parent component {{shape.name}} {{shape.price}}€ {{selectedShape.price}} //child component Total price: self.instanceData.text = 'Changed value', 3000) } }) {{this.fromParent.text}} SELECT를 사용한 예: var ch..

Laravel/VueJS - 블레이드 내부의 여러 구성 요소가 제대로 작동하지 않음 제목에 다 나와 있듯이, 나는 여전히 너에게 그 문제를 재현할 수 있도록 안내할 것이다.상세 내용은 아래에 있습니다. 재생산 단계 Github의 Laravel 공식 프로젝트 복제 Php 및 JavaScript의 모든 종속성 설치(노드) npm install- 노드용 composer install- php용 모든 종속성을 설치한 후 열어 보세요.resources/views/welcome.blade.php아래 코드로 편집하십시오. Hello, world! 열어 보세요.resources/js/app.js아래 코드로 편집하십시오. require('./bootstrap'); window.Vue = require('vue'); Vu..

Vue 3 및 Typecript - 메서드에서 데이터 속성에 액세스할 수 없음 나는 내가 쓰는 방법으로 나의 데이터에 접근하려고 노력하지만, 그것은 효과가 없는 것 같다.TS2339 Typecript 오류가 발생했는데, TS2339 Typecript에는 속성이 존재하지 않는다고 나와 있다. TS2339: Property 'players' does not exist on type '{ onAddPlayers(): void; getPlayerPlaceholder(index: number): string; }'. 47 | methods: { 48 | onAddPlayers() { > 49 | this.games = prepareGames(this.players as PadelPlayer[]); | ^^^^^^..

조작을 위해 vuex 상태의 데이터를 로컬 데이터로 가져오는 방법 나는 vuex 상태에서 나의 지역 상태와 어떻게 상호작용하는지를 이해하는 데 어려움을 겪고 있다.나는 vuex 상태로 저장된 여러 항목이 포함된 어레이를 가지고 있다.내 vuex 상태에서 구성 요소 로컬 상태로 데이터를 가져오려고 해.나는 게터 및 계산된 속성으로 데이터를 가져오는 데 문제가 없지만 계산된 속성의 동일한 데이터를 로컬 상태로 가져와 조작할 수는 없다.나의 최종 목표는 이 부품에 페이지 매김을 만드는 것이다. 나는 게이터와 계산된 속성을 사용하여 데이터를 얻을 수 있다.어디선가 라이프사이클 훅을 사용해야 할 것 같아. 데이터 검색 중 App.vue: 구성 요소가 로드되기 전에 데이터를 빼내려는 겁니다.이는 구성요소 자체에 라..