prostudy

vue의 비동기식 소품 나는 비동기식 전화를 거는 방법이 있다. methods: { getPercentCovered() { this.getPercentageCompletedBySubject(1).then((percent) => { return percent; }); }, 그것은 아약스 요청에 의해 반환된 값에서 백분율을 계산한다. 내가 생각하는 문제는 지연이다. 그 값은 소품을 렌더링하기 전에는 절대 전달되지 않는다.주변에 일이 있나?문제는 지연이 아니다.문제는 이다getPercentCovered()다시는 돌아오지 않다percent: 실제로 돌아온다.undefined너는 할 수 없다.return비동기적 운영의 결과: 그러한 시나리오에서 당신이 할 수 있는 가장 큰 것은 약속 전체를 돌려주고 그것을 아이에..

vue.js 2의 다른 구성 요소에서 메소드를 호출하려면 어떻게 해야 하는가? 이와 같은 첫 번째 구성 요소: ... addPhoto 메서드가 호출되면 ajax를 호출한 다음 응답 ajax를 받는다. 메서드 createImage에 응답 아약스와 다른 파라미터를 보내고 싶다.메서드 createImage는 다른 구성 요소(두 번째 구성 요소)에 위치함 이와 같은 두 번째 구성 요소: 두 번째 구성 요소에서 createImage 메서드를 실행하고 그 후에 두 번째 구성 요소에서 요소를 변경할 수 있는 방법은?부모/자녀 관계가 없는 두 요소는 없다.그것들은 모두 루트 vue 인스턴스를 통해 연결된다.루트 vue 인스턴스에 액세스하려면 다음을 호출하십시오.this.$root루트 인스턴스(instance)를 얻는다..

Vue 2방향 프로펠러 바인딩 아래는 나의 현재 구조(잘 안 된다)이다. 상위 구성 요소: 하위 구성 요소: Some text 요구사항은 다음과 같다. 상위 데이터의 경우title.warn부모의 가치 변화, 자녀의 가치class바인드는 업데이트되어야 한다(field.warn). 아이라면업데이트됨(field.value)) 다음은 부모의 것이다.title.value업데이트되어야 한다. 이것을 달성하기 위한 가장 깨끗한 해결책은 무엇인가?하위 구성 요소의 바인딩 안 함부모에게title.value(좋다)이것은 앱의 데이터 흐름을 이해하기 훨씬 어렵게 만들 수 있는 알려진 나쁜 관행이다. 요구사항은 다음과 같다. 상위 데이터의 경우title.warn부모의 가치 변화, 자녀의 가치class바인드는 업데이트되어야 한..

Vue 2 및 웹 팩과 조인트 j를 통합하는 방법 나는 vue js와 webpack을 처음 접하는 사람이고, vue 2나 webpack과 조인트j를 통합하고 싶었다.검색해봤는데 조인트j,뷰2와 관련된 기사를 찾을 수가 없었어.조인트j를 Vue2 또는 웹팩과 통합한 사람이 있는가? 참조할 수 있는 샘플 코드가 있는가?어떤 도움이라도 감사할 것이다. 고마워요.먼저 프로젝트에 필요한 구성 요소, 특히 조인트js 자체를 추가해야 한다.npm install jointjs --save(npm과 함께 작업한다), 그 다음에 그것이 의존하는 패키지도 npm을 통해 (내 생각에 backbone과 나머지 ...)그런 다음 vue가 연결된 파일 등(이 app.js가 있음)에 연결하여 다음 예를 참조하십시오. window.$..

Vue 3에서 Vue 글로벌 구성 요소 등록 구성 Vue 2에서는 main.js 파일을 부풀리지 않고 index.js에서 다음 코드를 사용하여 여러 파일에 구성 요소를 전체적으로 등록할 수 있다. import Vue from 'vue' import MyComponent from '@/components/MyComponent' Vue.component('my-component-name', MyComponent) 그리고 main.js 파일 사용에서 import '@/components' 하지만 이 방법은 Vue 3에서는 나에게 효과가 없는 것 같다. main.js. import { createApp } from 'vue'; import '@/components' const app = createApp({})..

Laravel의 vue.js 구성 요소에 있는 socket.io을 가져오는 동안 문제 발생 나는 Redis와 Laravel-server를 사용하지 않고 vue.js 컴포넌트와 socket.io이 내장된 Laravel 5.8을 사용하고 있다. npm 설치 npm install vue-socket.io Laravel의 리소스/js/app.js 파일 import VueSocketio from 'vue-socket.io'; Vue.use(VueSocketio); 다음을 사용하여 컴파일할 때 오류가 없음npm run watch명령하다브라우저에서 출력을 확인해보니 다음과 같은 오류가 있다. 클래스를 함수로 호출할 수 없음 문제는 다음과 같다.Vue.use(VueSocketio); 제안 좀 해주시겠습니까? 아래는 패..

Json을 Vue 구성 요소 및 루프에 전달 예상 출력값: Title 1 Text 1 Title 2 Text 2 ... 이건 내 PHP 파일이야: // Contains HTML markup $array = [ ['title' => 'Title 1', 'text' => 'Text 1'], ['title' => 'Title 2', 'text' => 'Text 2'], ... ]; 그리고 이건 내 자바스크립트 파일이야. var containers = document.querySelectorAll('.container'); if(containers.length > 0) { for(var i=0; i 참조URL: https://stackoverflow.com/questions/48757138/pass-json-t..

입력에 대한 렌더 기능 Vue에서 반응성 제거 렌더 기능을 렌더링하여input부에 밭을 갈다 나는 이것을 평상시에도 쉽게 할 수 있다.vue다음과 같은 템플릿이 있는 파일: // NormalInput.vue 위 내용은 실제로 올바르게 작동한다는 점에 유의하십시오. 그러나 위의 코드를 다음과 같은 코드가 있는 렌더 함수로 변환하려고 할 때: // RenderFunctionInput.js export default { name: "RenderFunctionInput", props: { value: null }, render(createElement) { return createElement("input", { attrs: { value: this.value } }); } }; 처음에는 반응하는 것 같지만, ..

vue.js 2의 수업에서 어떻게 조건을 추가할 수 있을까? 내 구성 요소 vue는 다음과 같다. ... 오류 있음: 잘못된 식: :class="{product == 'responseFound' ? 'btn-default' : 'btn-successful' }" 어떻게 하면 해결할 수 있을까?브래킷을 간단히 제거하십시오.:class: ... 조건을 더 추가하려면 다음과 같이 마무리하십시오.[]배열을 작성하려면: :class="[product == 'responseFound' ? ' btn-default' : ' btn-success', foo ? 'foo' : 'bar']" 나는 이런 종류의 행동에 대해 계산된 속성을 사용할 것이다. 템플릿에서 논리를 제거하고 스크립트 부분으로 이동시키는 겁니다. 참조U..

Nightwatch로 Vue 구성 요소를 선택하시겠습니까? Nightwatch.js는 특정 HTML 요소를 찾기 위해 CSS 또는 XPath 선택기를 요구한다. Vue Components를 사용하면 일반 HTML 요소로 변환되는데, Nightwatch 테스트는 어떻게 작성하면 찾을 수 있을까?참조URL: https://stackoverflow.com/questions/51425435/selecting-vue-components-with-nightwatch