copyscript

vue js 또는 jquery를 사용하여 요소의 개체 바꾸기 v-for를 사용하여 개체 어레이를 루프하는 구성 요소가 있습니다. {{badge.label}} {{item.related_goods.length}} 0 Replacement

Nuxtjs 구성 요소의 비동기 데이터가 작동하지 않습니다. nuxt.js 프로젝트에 문제가 있습니다.비동기 컴포넌트를 사용했는데, 컴포넌트가 렌닝되었을 때 비동기 상태가 되지 않았습니다.이건 내 암호야 https://nuxtjs.org/api/에서 문서를 볼 수 있지만 무엇이 문제인지 정확히 알 수 없습니다. Test.vue(컴포넌트) {{ project }} 이것은 index.vue (페이지) 제가 예상한 결과는 bbb 그러나 http://localhost:3000에서 실행할 경우 이는 실제 결과입니다. 아아아. 구글 검색을 여러 번 해보려고 하지만, 나에게 기대되는 해결책은 없습니다.누가 좀 도와주세요. 도와 줘서 고마워.그components/폴더에는 "순수한" Vue.js 컴포넌트만 포함되어 있어..

Vue.js, 다른 경로의 컴포넌트에 데이터 전달 데이터를 한 페이지에서 다른 페이지로 전달하는 간단한 작업으로 인해 Vue.js의 초보자에게 큰 골칫거리가 되었습니다.여기는 제 라우터입니다. API 요청을 하는 "/" 페이지에 폼을 렌더링하고 있습니다. 다른 컴포넌트가 있는 다른 루트 페이지에 데이터를 전달하고 싶다. Vue에서 하는 게 그렇게 어렵나요?오늘은 정말 머리가 아팠어요.API에서 데이터를 가져와 저장하고 다른 컴포넌트로 전송합니다.어떻게 해야 하죠?안토니우스가 말했듯이, 이미 소품들을 활성화 시켰으니router/index.js파라미터는 에서 전달할 수 있습니다.router.push다음과 같습니다. router.push({ name: 'events', params: { items: data ..

Vue를 사용한 검색 상자 및 확인란 필터 저는 Vue로 필터 시스템을 구축하려고 합니다. 갱신필 필터는 동작하지만 계산된 함수는 모두 별개의 함수입니다.그럼 어떻게 하면 그것들을 하나의 기능으로 만들어 사용할 수 있을까요? export default { data() { return { estates: [], search: '', regions:['関西','関東','京橋'], checkedRegions:[] } }, created(){ axios.get('/ajax').then((response) => { this.estates = response.data; }); }, computed: { one: function() { var result = this.estates.filter((estate) => ..

Testcafe로 작성된 UI 테스트 디버깅 갱신: 또 다른 버그(해머헤드)에 대해서는 테스트카페 테스트에서 미니코드를 사용해야만 했습니다.이 버그가 해결되었기 때문에, 기밀이 아닌 코드에 대해서 테스트를 실행할 수 있게 되었습니다. 그러나 소스 맵이 test cafe에 의해 삭제되는 문제가 있습니다.webpack dev 서버를 정상적으로 실행하면 모든 소스 맵이 표시되며 중단점을 설정하고 응용 프로그램코드를 디버깅할 수 있습니다. 그러나 테스트 중에는 소스 맵을 더 이상 사용할 수 없습니다.첨부한 스크린샷을 보시면 2개의 케이스를 보실 수 있습니다. 우리가 뭐 잘못하고 있는 거야? Testcafe 미포함 이미지 테스트 카페가 있는 이미지 프로젝트에는 Testcafe + Webpack + Vue.js를 ..

vue.js 2에서 슬롯이 렌더링되면 컴포넌트의 높이를 측정합니다. 높이를 읽는 방법을 찾고 있습니다(클라이언트).슬롯이 렌더링된 후(DOM 내) 컴포넌트의 높이) 결과를 반응형 데이터로 설정하여 추가 계산을 수행합니다. 의 설명서에 따르면updated후크: 이 후크가 호출될 때 구성 요소의 DOM이 업데이트되므로 여기에서 DOM 종속 작업을 수행할 수 있습니다. ...그때까지는 괜찮지만 문서에는 다음과 같이 기재되어 있습니다. 단, 대부분의 경우 후크 내부의 상태 변경을 피해야 합니다. ...이것이 무효 데이터를 설정하는 것을 금지하고 있는 것은 아닌 것 같습니다.updated갈고리를 채우다 결과는 매우 불안정하다, 때때로 나는 이해한다.clientHeight슬롯이 렌더링된 후 또는 렌더링되기 전에 표..

템플릿 Vue 내에 스크립트 태그를 삽입합니다. 결제 서비스와의 통합을 만들고 있습니다.결제 서비스는 스크립트 태그가 포함된 폼을 제공합니다.컴포넌트 템플릿에 스크립트 태그가 포함된 폼을 삽입하고 싶은데 템플릿에 태그 스크립트를 삽입할 수 없습니다.템플릿 컴포넌트에 스크립트 태그가 있는 폼을 삽입하려면 어떻게 해야 합니까? 결제 서비스 체크아웃 양식: 예상되는 결과:내 컴포넌트: 요소 참조와 바닐라 JS를 사용하여 관련 태그를 돔에 추가할 수 있습니다. ... mounted() { let foo = document.createElement('script'); foo.setAttribute("src","https://www.mercadopago.com.br/integrations/v1/web-tokeniz..

Vue - 중첩된 속성의 기본값 객체의 중첩된 속성의 기본값을 설정하려면 어떻게 해야 합니까?prop? Vue는 첫 번째 수준 객체의 경우에만 중첩된 속성의 기본값을 구문 분석합니다.prop이undefined. 예제: Vue.component('example', { props: { options: { type: Object, default: function() { return { nested: { type: Object, default: function(){ return 'default value' } } } } } }) 보아하니 Vue는 첫 번째 수준의 Object prop가 정의되지 않은 경우에만 중첩된 속성의 기본값을 구문 분석합니다. 네, 외부 객체가 없으면 내부 속성이나 중첩 속성을 가질 수 없..

"실험 구문 'jsx'에 대한 지원이 현재 활성화되지 않았습니다." vue 및 jest를 사용합니다. 프런트 엔드 개발 및 Vue를 처음 접하는 사용자로, Jest 및 Vue-testing-Library를 사용하여 Vue 애플리케이션에 "컴포넌트 테스트"를 추가하려고 하다가 다음 오류가 발생했습니다. FAIL tests/component-tests/vue-router.test.js ● Test suite failed to run SyntaxError: C:\app\src\components\MyComponent.vue: Support for the experimental syntax 'jsx' isn't currently enabled (1:1): > 1 | | ^ 2 | 3 | ... 4 | ... A..

Vue.js2 - Object.assign({}, this.var)을 차단하는 감시 메서드 this.user(글로벌 계산 속성)를 반환합니다.물론 실제 사용자 데이터를 덮어쓰고 싶지 않기 때문에 복사본을 만듭니다.Object.assign을 사용하고 있습니다.단, return Object.assign({}, this.user)(this.user와 반대)을 포함하면 watch 메서드는 더 이상 작동하지 않습니다. 템플릿은 다음과 같습니다(bootstrap-vue를 사용하고 있습니다). Save changes Cancel 따라서 이 기능이 작동하며 editspending이 userProfile에 변경 사항이 적용될 때마다 true로 설정됩니다(입력 시 v-model을 통해). ...하지만, 이것은 그렇지 않습..