factcode

Vue.js 컴포넌트의 VM입니다.$el constant 또는 재할당 가능합니까? Vue.js 구성 요소 인스턴스에는 구성 요소의 루트 DOM 요소에 액세스할 수 있는 속성이 있습니다.컴포넌트의 라이프 사이클 동안 이 속성의 값이 변화하거나 컴포넌트를 장착한 후 값이 일정합니까?즉, 컴포넌트의 루트 DOM 요소가 생성되면 어떤 상황에서 Vue로 대체할 수 있습니까? DOM 요소의 내용은 물론 변경될 수 있습니다. 아래 컴포넌트의 라이프 사이클 다이어그램에 따르면 데이터가 변경되면 "Virtual DOM 렌더 및 패치"가 있습니다.나는 그 문서를 읽고 Vue의 출처에서 답을 찾으려고 노력했지만, 지금까지 어떤 결정적 대답도 찾지 못했다. 내가 소스코드와 가장 가깝게 지냈던 건src/core/instance..

Django의 Vue 동적 html 형식 있습니다FormView이 양식을 모달에 전시하고 싶습니다.그래서 Vue 컴포넌트를 만들고 작성 시 이를 다음과 같이 부릅니다. created: function(){ let self = this; $.get(window.profileUrls.registration, function (data){ $('#registerModal').replaceWith(data); self.$forceUpdate(); }); } Django에서 HTML을 폼으로 반환하고 기본 빈 모드를 이 HTML로 바꿉니다. 그러나 강제로 업데이트를 다시 초기화하지 않습니다.v-model기타 바인딩 및 vue는 컴포넌트 데이터를 업데이트하지 않습니다. GET 요청 후 구성 요소를 수동으로 다시 초..

값이 null이 아닌 경우 VueJ 표시 버튼 VueJ를 처음 사용하는데 슬롯에 버튼 값이 지정되어 있는지 여부만 표시하기 위한 버튼(슬롯 포함)만 표시할 수 있는 방법이 있는지 궁금합니다. BootstrapVue Modals를 사용하고 있으며 코드는 다음과 같습니다. snippet에서 modal을 정상적으로 실행할 수 없었습니다만, 열려 있는 modal의 스크린샷은 아래와 같습니다. Open Me Merchant Closed please be aware that the merchant that you are viewing is currently closed. Feel free to add items to your cart but you will not be able to place your order ..

Vue.js Functional 컴포넌트에서 이벤트를 내보내는 방법 질문의 제목으로thiscontext는 기능 컴포넌트에서 사용할 수 없습니다.그래서 이벤트를 내보내야 한다면 어떻게 해야 하나요? 예를 들어 아래 코드 스니펫은 다음과 같습니다. 기능 컴포넌트에는this문맥과 그에 따른$emit사용할 수 없습니다.어떻게 하면 이 이벤트를 망칠 수 있을까요?자 컴포넌트 Button from child 상위 컴포넌트 코드 앤 박스에서의 동작 확인 vue 인스턴스에서 이벤트를 내보내시겠습니까? export default { functional: true, render(createElement, { listeners }) { return createElement( "button", { on: { click: ev..

vue.js 2를 사용하여 스팬의 텍스트를 변경하는 방법 vue 컴포넌트는 다음과 같습니다. ... {{ totalNotif }} 그건 효과가 있다. 그러나 jquery를 사용하여 스팬의 텍스트를 가져오고 업데이트합니다. vue.js 2를 사용하여 하려면 어떻게 해야 하나요? 참고 문헌을 읽었는데watch하지만 아직 사용하기에 혼란스럽다.바꾸다 const totalNotif = $('#total-notif').text() const totalNotifNew = parseInt(totalNotif) + 1 $('#total-notif').text(totalAllNew) 타고 //Set this.totalNotif to 1 if not exist or equals to 0. Else increment by ..

bootstrap-vue: 특정 css Import bootstrap-vue 툴팁을 사용하고 싶습니다.추가할 때 import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' 툴팁 스타일을 얻기 위해 내 애플리케이션의 전체 보기가 변경됩니다.툴팁에만 css Import가 가능한가요?에서 툴팁 컴포넌트를 Import 할 수 있습니다.src폴더, 이렇게 import 'bootstrap-vue/src/components/tooltip' 언급URL : https://stackoverflow.com/questions/52870819/bootstrap-vue-import-specific-css

VueJS 오류: 프로펠을 직접 변환하지 마십시오. 모달 작성하려고 하는데 닫을 때만 다음 오류가 나타납니다. [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "value" found in ---> at resources\assets\vue\PanelDesconectarModal.vue at resources\assets\vue\PanelDrawer.vue at resources\as..

상위 컴포넌트에서 Vue.js 기능 컴포넌트에 클래스를 적용하는 방법 기능하는 컴포넌트가 있다고 가정합니다. Some functional component 이 컴포넌트는 클래스가 있는 일부 부모에서 렌더링합니다. 결과물DOM없다new-classFunctional child 컴포넌트에 적용됩니다.제가 알기로는Vue-loader기능 컴포넌트를 컴파일하여render기능.context여기서 설명한 바와 같이즉, 클래스가 직접 적용되지 않고 인텔리전트하게 통합되지 않습니다. 질문: 템플릿을 사용할 때 기능 구성 요소를 외부에서 적용된 클래스에서 잘 작동하도록 하려면 어떻게 해야 합니까? 주의: 렌더 기능을 통해 쉽게 수행할 수 있습니다. Vue.component("functional-comp", { functio..

vuejs 어플리케이션 내에서 외부 cdn에서 로드된 bing 맵을 사용하려면 어떻게 해야 합니까? vue js 어플리케이션 내에서 bing maps api를 사용하여 맵을 표시하는 방법 주의: Bing 맵 V8 및 vuejs 2.5.17을 사용합니다. 이것은 나의 템플릿이다. 이게 내 스타일이야 이것은 내 스크립트 파트입니다(클래스 기반 객체 컴포넌트를 사용합니다). mounted() { let mapElement: HTMLElement = document.getElementById("map") var map = new Microsoft.Maps.Map(mapElement, { credentials: [API_KEY] }); } 이렇게 해서 cdn의 외부 스크립트를 앱에 넣습니다.몇 가지 조사를 한 후..

VueJS 구성 요소에서 getElementById를 사용하는 모듈을 가져오는 중 Blockly를 (npm에서 노드 블록 경유로) VueJS 컴포넌트로 Import하려고 하는데 Blockly의 javascript 부분에 getElementById() 콜이 포함되어 있어 document.getElementById()는 VueJ에서 사용할 수 없습니다. 이 문제를 어떻게 해결할지 알고 있나요? (편집) 코드 예시: 나는 v2라고 가정한다. 마운트된 이벤트에서 시도 VueJS 버전2 를 사용하고 있는 경우는, 다음의 방법으로 요소에의 참조에 액세스 할 수 있습니다.this.$refs.myElement템플릿에서 요소에 태그를 지정한 후. 예: mounted () { this.workspace = Blockly...