newsource

Vue 3: 부모 컴포넌트에서 자녀 컴포넌트로 이벤트 전송 이제 부모 컴포넌트에서 자녀 컴포넌트로 이벤트를 내보내야 합니다.vue 버전 3에서 볼 수 있습니다.$on,$off그리고.$once인스턴스 메서드가 삭제됩니다.응용 프로그램인스턴스는 이벤트 이미터 인터페이스를 구현하지 않게 되었습니다. vue 버전 3에서 상위 구성 요소에서 이벤트를 내보내고 하위 구성 요소에서 수신하려면 어떻게 해야 합니까?상위 이벤트에 대해 하위 구성 요소에서 수신하지 않고 대신 소품을 하위 구성 요소에게 전달합니다. 하위 구성 요소가 데이터를 업데이트해야 하는 경우 상태를 업데이트하기 위해 하위 구성 요소에서 상위 구성 요소로 이벤트를 보냅니다. 읽기 전용 라이프 사이클: [Parent]> [ Prop ]> [ Child ]..

Vue: 프로펠러 함수의 기본값 기능 타입으로 소품 디폴트 기능을 설정할 수 있는 방법이 있습니까? props: { clickFunction: { type: 'Function' default: ???? } } 네: Vue.component('foo', { template: '{{ num }}', props: { func: { type: Function, default: () => 1, }, }, data() { return { num: this.func() } } }) new Vue({ el: '#app', }); 항상 지정한 유형과 일치하는 기본값을 제공하십시오. 훨씬 쉽게 추론할 수 있습니다.여기서 찾고 있는 것은 noop 함수(noop 함수라고도 함)입니다. props: { clickFunction..

렌더링 전에 비동기 데이터를 대기할 구성 요소 가져오기 개체를 다시 가져오기 위해 엔드포인트를 호출합니다. 개체를 호출하면 데이터를 가져오지만 구성 요소가 데이터를 가져와 렌더링할 만큼 빠르지 않습니다.대신 컴포넌트는 데이터가 있어야 하는 빈 값을 사용하여 렌더링합니다. 생성 시 코드를 중단하고 몇 초 후에 계속하면 텍스트가 올바르게 렌더링됩니다. 데이터가 복구될 때까지 렌더링하지 않도록 구현하려면 어떻게 해야 합니까? 내 API 호출: checkScenarioType: function () { this.$http.get('ScenariosVue/GetScenarioTypeFromParticipant/' + this.ParticipantId).then(response => { // get body dat..

vue-cli 웹 팩 인코딩 이미지 base64 사용 안 함 웹 팩 템플릿을 사용하여 vuejs를 시도하면 페이지 내의 모든 이미지가 data:image/png;base64로 인코딩되어 있다는 것을 알게 됩니다.어떤 이유에서인지 이 기능을 사용하고 싶지 않습니다. 이미지를 base64로 인코딩하기 위해 .htaccess 파일을 설정하지 않았기 때문에 웹 팩이 문제인 것 같습니다만, base64 이미지 인코딩과 관련된 웹 팩 파일을 찾을 수 없습니다. 비활성화하는 방법을 알 수 없습니다.이미 웹 팩의 문제와 관련된 컴포넌트를 비활성화하려고 합니다만, 도움이 되지 않습니다.뭔가 놓치고 있는 건가요? 누가 나를 도와줄 수 있나요? webpack.syslog.conf.syslog var path = requir..

HTML 파일에서 Vue div로 HTML 로드 그래서 Jsfiddle을 사용해서 THIS {{응답했습니다.텍스트}} {{respondedText}} 다만, 「Event Received:」를 표시하는 대신에, 파일이나 사이트에서 HTML 컨텐츠를 읽어, 그 div에 로드합니다.이벤트 2" 이것은 궁극적으로 제가 사용하려는 목적을 위한 빌딩 블록입니다.이 예제를 성공적으로 실행함으로써 전체 페이지를 새로고침하지 않고 서버의 다른 로컬 파일에서 html을 불러오는 버튼이 있는 웹 앱을 구축할 수 있기를 바랍니다. 요소를 활성 HTML로 채우려면v-html지시의 이렇게 하면 모든 유효한 HTML이 허용되지만 Vue 구성 요소를 비동기식으로 로드할 수 없습니다. 정적 HTML 전용입니다.HTML 전용입니다. 클..

잘못된 소품: 소품 "data"에 대한 형식 검사에 실패했습니다.어레이가 필요하지만 오브젝트가 있습니다. 저는 Vuejs에 처음 와서 Buefy 라이브러리를 사용하려고 합니다. 오류: 잘못된 소품: 소품 "data"에 대한 형식 검사에 실패했습니다.어레이가 필요하지만 오브젝트가 있습니다. json 내용: [{"name":"test"}] 내가 뭘 놓쳤지?Thx :)데이터 속성 선언은 다음과 같습니다. data: [] 업데이트된 코드: 여기 Buefy 문서(https://buefy.org/documentation/table#api-view), 표 컴포넌트에는 객체 배열로서의 데이터가 필요합니다. Axios는 세부 응답을 반환합니다. 할당하는 중입니다.response로.this.data이 에러의 원인이 되고 ..

VueJ 컴포넌트에서 데이터를 가져오는 방법s 다음과 같은 컴포넌트가 있습니다. 요소 Single selecter 내 페이지에서 다음과 같이 사용하고 있습니다. @{{ value }} @{{ message }} 페이지를 실행하면 @{{ message }}에 "test message"가 표시되지만 @{{ value }}은(는) 공백입니다.VueJS Dev Tools에서 업데이트되는 드롭다운 구성 요소의 값은 볼 수 있지만 페이지에 표시되지 않습니다.vue 요소의 컴포넌트 데이터에 액세스하려면 어떻게 해야 합니까?예를 들어 @{ dropdown.value }} 입니다. Single selecter 그리고 당신의 페이지에서 @{{ selectedValue}} @{{ message }} 예를 들어 멀티 셀렉트가..

django-rest에서 데이터를 검색하여 형식으로 표시 ForeignKey에 링크된 클래스가 2개 있습니다.첫 번째 클래스는 "Categories"로, "ID"와 "Name" 속성을 가집니다.두 번째 클래스는 "Documents"로, "ID", "Title" 및 "User" 속성을 가지며 마지막 클래스는 첫 번째 클래스에서 정의된 카테고리와 연결됩니다. 저는 Vue를 기반으로 프런트 엔드를 개발하고 있기 때문에 django-rest에서 데이터를 취득하여 폼으로 표시하는 방법을 알고 싶습니다.예를 들어, 사용자가 새 문서를 추가할 때 모든 카테고리 옵션 중에서 선택해야 합니다.카테고리는 모든 문서에 공통입니다. 예: 범주 = [{"ID: 0, "이름 "스포츠", {"ID": 1, "이름": "음악"}] ..

@vue/cli-plugin-unit-mocha, TypeScript 및 SFC를 사용한 VueJ 프로젝트의 NYC 커버리지 보고서 생성 현재 @vue/cli-plugin-unit-mocha를 사용하여 유닛 테스트를 실행하는 Vue 프로젝트의 테스트 환경을 셋업하고 있습니다.이 프로젝트에서는 TypeScript 및 .vue Single-File-Components를 사용합니다.유닛 테스트를 실행하고 TypeScript 파일의 코드 커버리지 보고서를 생성하도록 프로젝트를 셋업했습니다만, SFC 의 테스트를 추가하려고 하면 에러가 발생합니다. 커버리지 보고서를 작성하려면 nyc + 이스탄불 인스트루머 로더를 사용합니다.일반 Typescript 파일에 대해서는 설정이 올바르다고 생각합니다만, .vue 파일을 ..

vue.display 내의 foreach 루프에서 액세스 변수 Foreach 루프에서 이.변수에 액세스하려면 어떻게 해야 하나요? 저는 이런 게 있어요. {{ names }} var initData = { names: '', } } export default { data: function () { return initData }, props: ['nameData'], methods: { printNames: function () { let tempData = JSON.parse(JSON.stringify(this.nameData)) tempData.biglist.forEach(function (nObj) { let cName = nObj.CeName console.log(cName) // gives lo..