cyworld

Vuejs 2가 어레이에서 이동하는 항목, 어레이 인덱싱 유지 안 함 반응형 데이터 소스로 vue 구성 요소에 공급하는 요소 어레이가 있음(vue chrome 확장을 사용하여 데이터를 검사하는 중): the view: [A,B,C,D,E] the data: [A,B,C,D,E] 항목(D)을 (B 이전) 새 위치로 옮기고 싶으므로 먼저 다음 구성 요소를 제거한다.splice, 그런 다음 원하는 인덱스에 다시 삽입하십시오. the view: [A,D,B,C,E] the data: [A,B,C,D,E] 두 번째 구성 요소 위에 있는 Chrome Vue 검사기에서 마우스를 놓으면 세 번째 열이 강조 표시되며,데이터의 세 번째 요소 위에 마우스를 놓으면 보기에서 네 번째 요소가 강조 표시되는 등의 작업이 수행된다..

@input 이벤트 실행 메서드 전에 값 프로펠러를 확인하시겠습니까?VeValidate/Vue 코드 샌드박스(정확한 예) https://codesandbox.io/s/veevalidate-components-vuetify-iftco 위의 예에서 입력 필드에 잘못된 값을 입력하면 유효성 검사 상태가 반환됨Valid == true, 그러나 그것은 되돌아와야 한다.false. 이런 일이 일어나는 것은 그 때문에 일어나는 것으로 알고 있다.@input이벤트 방법(event method)resize)은 먼저 실행된 다음 값을:value. 즉,vee-validate이벤트가 발생하기 전에 기존 값을 확인하십시오. 입력 값을 먼저 검증한 다음 메서드를 실행하도록 수정하는 방법을 잘 모르십시오! 문제를 복제하는 방법: ..

vue-resource http 인터셉터 내부에서 사용자를 리디렉션하는 방법 401이 있을 때 사용자를 리디렉션하고 싶지만 액세스할 수 없는 경우router이 맥락에서: Vue.http.interceptors.push(function(request, next) { // continue to next interceptor next(function(response) { if(response.status == 401){ //redirect user here //tried: Vue.$router and Vue.$route } }); }); 이걸 어떻게 만들까? 사용: Vue-router 및 Vue-resourceconst router = new VueRouter({ routes }) Vue.http.interc..

vue js를 사용하여 클릭한 요소의 경고 ID를 선택하십시오. 나는 어떻게 하는지 이해하려고 노력하고 있다.vue.js클릭된 요소의 ID를 알려주고 싶지만, 그렇게 하려고 하면 아무 일도 일어나지 않는다.경보가 안 보여. 이건 내 암호야 {{ cards[3] || '5' }} 개발자 도구에서 다음 오류를 수신함: [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'id' of null" found in ---> at resources/js/components/Card.vue TypeError: Cannot read property 'id' of null at click (app.js:37977) at invokeWithErrorHa..

공리 응답의 데이터 처리 나는 공리를 처음 접한다. 과거에는 http 요청을 할 때 객체의 배열/배열을 복구하는 데 익숙했고, 이를 통해 지도 및 축소 등의 기능을 사용하여 원하는 방식으로 데이터를 쉽게 포맷할 수 있다.그리고 나서 나는 그것을 DOM에게 넘겨주곤 했다. 내가 돌려받은 응답은 관찰자 대상이라는 것을 알아챘다.요청을 하면 배열을 다시 받을 수 있도록 하려면 어떻게 해야 할까?이 관찰자 대상을 다루는 표준은 무엇인가? getSomething (myId) { return axios.get('/api/getSomething', {params: {'id': myId}}) .then(response => console.log(response.data)) .catch((promise) => this...

Vuejs는 url에서 이미지를 캐슁하여 다시 fetching하지 마십시오. 나는 간단한 갤러리 + 슬라이드쇼 앱을 만들고 있어. 갤러리 구성 요소에서 모든 URL을 가지고 있으며,GalleryItem구성 요소 GalleryItem그런 다음 사용한다. 이미지를 표시하기 위해. 사용자가 클릭할 경우GalleryItem라이트박스/하이브리드하우 구성요소로 강조 표시된다. 다시 사용하다. 나는 순진하게도 브라우저가 그 요청을 캐시하고 정확히 같은 URL을 다시 로드하지 않을 것이라고 예상했지만, 정확히 그렇게 되고 있다. 이것을 피하고 한 번 로드했을 때 이미지를 캐시할 수 있는 우아한 방법은 없을까?서비스 작업자와 함께 이미지 캐싱을 구현할 수 있다. 사용할 수 있는 서비스 작업자 라이브러리의 예는 Workb..

__ob__: Observer를 내 배열 목록에서 제거하려면 어떻게 해야 하는가? 나는 배열이 있다. data = [38589, 3, __ob__: Observer]; 이 어레이를 보내는 본체와 함께 put request API를 보내려고 하는데 400 에러가 났어?이거야?__ob__: Observer내가 이 자료를 보내는 게 문제야?오류에 영향을 미치는 경우 어레이에서 오류를 제거하는 방법을 알 수 있는가?관찰자 없이 배열의 최종 값을 얻으려면 이 값을 JSON으로 변환한 다음 다시 입력하십시오. const finalData = JSON.parse(JSON.stringify(data)); 이게 벌써 3개월 된 건 알지만 너도 이걸 써도 돼. const final_data = Array.from(data..

Vuetify 사용 방법Google Places API를 사용한 JS Advanced 슬롯 예제 Vuetify 사용 방법Google Places API를 사용한 JS Advanced 슬롯 예시? 코드펜 예제 Search for your favorite Cryptocurrency mdi-coin {{ item.name.charAt(0) }} mdi-coin 구글 개발자 콘솔에 구글 맵스 지오코딩 API, 구글 플레이스 API 웹 서비스, 구글 맵스 자바스크립트 API를 추가하고 API Key를 받았다. 다음은 Vuetify Autocompletes 구성 요소를 Google Places API와 통합하는 방법: 1) Google Places API에 참조 추가 2) 다음 예제는 채우는 방법을 보여준다.v-a..

Vue 및 Webpack 트리 흔들림, sideEffects 및 CSS: 로드 중인 사용되지 않는 구성 요소의 CSS 우리는 웹팩이 있는 Vue Single File Components의 CSS용 트리 흔들림을 올바르게 처리하는 방법을 찾고 있다. 포장되어.Json, 나는 다음을 가지고 있다."sideEffects": ["*.css", "*.less","*.vue" ], 이것은 Vue 구성 요소가 로딩되어서는 안 될 때 로딩하는 것을 막기 위해 적절하게 작용하고 있는 것처럼 보인다.하지만, 모든 사람들은SFC의 태그가 페이지에 로드되었다. SFC 로딩 방법은 다음과 같은 많은 수출품들을 나열한 NPM 패키지에서 입니다. export blah from 'blah.vue'; export blah2 from ..

Vue.js ApoloClient 미들웨어를 재실행하려면 어떻게 해야 하는가? 나의main.jslocalStorage 항목의 존재를 확인하는 코드가 몇 개 있다.만약 그것이 있다면, 그것은 추가될 것이다.Authorization머리글을 미들웨어를 통해 ApoloClient 설정으로 이동하십시오. 그러나 localStorage 항목이 나중에 추가된 경우 이 항목의 미들웨어에 없음main.js따라서 전체 페이지 새로 고침이 필요한데, 그것은 그 존재를 알기 위해서입니다. 어떻게 달릴 수 있을까?main.js다시 말하지만(그것이 해결책이라도 되는 경우), 즉 사용자를 로그인하는 구성 요소에서? 여기 내 것이 있다.main.js: import Vue from 'vue' import ApolloClient, { ..