factcode

Vue에서 로컬로 저장된 xml 파일을 가져오고 편집하려면 어떻게 해야 합니까? 저는 VueJs에 처음 와서 지금 Vue JS를 사용하여 일반 Javascript SPA의 일부를 다시 쓰고 싶습니다(단, 훈련과 학습을 위해).Vue-CLI를 사용하여 프로젝트를 만들었습니다.다음은 파일 구조의 일부입니다. ---src |---assets |---logo.png |---components |---loadXML.vue |---table01.vue |---table02.vue |---static |---ABC.xml |---app.vue 최근 이 문제로 고민하고 있습니다. 로컬로 저장된 xml 파일(정적 폴더)을 Vue 인스턴스에 로드하여 읽은 후 나중에 해당 파일을 구문 분석하고 편집하려고 합니다. 저의 플레..

부트스트랩 3 모달은 vue 2와 함께 표시되지 않음 vue2와 부트스트랩3을 사용하고 있는데 폼이 포함된 모드를 표시하고 싶습니다.Users Page에는 다음 코드가 있습니다.표시하다 Add user 섹션에는 다음과 같은 내용이 있습니다. export default { data: () => ({ displayEditModal: false, editModalTitle: 'Add user' }), methods: { displayAddUser() { this.displayEditModal = true this.editModalTitle = 'Add user' }, ... rest of the code v-b-modal에서도 이 버튼을 사용해 보았습니다. Open 그것도 효과가 없었어요.Vue 스트랩을 써봤..

상위 구성 요소에서 하위 속성 변경 내용을 보는 방법 달력 보기 구성 요소 라이브러리를 사용 중인데 해당 구성 요소의 속성이 언제 변경되는지 보고 싶습니다. 나는 이것을 시도해 보았다. watch: { '$refs.picker.popupVisible': { handler (new_value) { console.log('executed') }, deep: true } } 또, 다음과 같습니다. computed: { picker () { console.log(this.$refs.picker.popupVisible) return this.$refs.picker.popupVisible } } 이 방법은 올바른 방법이 아니기 때문에 vue.js 해킹이 해결책이 될 수 있다는 것을 알고 있습니다.만약 내가 아이 컴..

Vue CLI를 사용하여 여러 Vue.js 컴포넌트를 네이티브 웹 컴포넌트에 한 번에 빌드하려면 어떻게 해야 합니까? 저는 Vue.js를 처음 사용하므로 이를 사용하여 웹 컴포넌트의 SDK를 만들고 싶습니다.다음과 같은 단일 웹 구성 요소를 만들 수 있습니다. main.filename: import Vue from 'vue'; import App from './App.vue'; import wrap from '@vue/web-component-wrapper'; const customElement = wrap(Vue, App); window.customElements.define('sky-chat', customElement); CLI 명령: vue build --target wc --name sky-ch..

vue.filename: 와의 차이점? vue에서 동적 컴포넌트를 사용할 경우component또는 html 태그(예:div태그 이름: 또는 다음과 같이 입력합니다. // assume that the root tag of comp-name is div 그럼 두 가지 방법의 차이점은 무엇일까요?똑같아요?"is 속성은 Vue 고유하지 않으며 사용자 지정 요소 사양에서 가져옵니다. 자세한 내용은 HTML "is" 속성이란?을 참조하십시오. 단, 커스텀 요소 사양을 모방하여 Vue가 컴파일을 위해 자체적으로 구현해야 합니다. 이 예에서는, 어느 경우든 태그(tag)는 문제가 되지 않는다고 생각합니다.또는)는 Vue 컴포넌트 인스턴스로 대체됩니다.이것은 일반적인 사용 상황입니다.is가능한 여러 구성 요소("동적 구..

Nuxt/Vue-meta: info.meta.filter는 함수가 아닙니다. 유니버설 모드로 Nuxt를 실행하는 웹사이트를 만들고 있습니다.다른 개발자와 함께 몇 달 동안 작업을 진행 중입니다.우리는 Git를 사용하여 여러 지점에서 협업하며, 새로운 버전의 웹사이트를 출시할 때 통합합니다. 어제부터 우리가 제대로 설명할 수 없는 일에 부딪쳤다.내가 뛰려고 할 때마다nuxt,nuxt generate,npm install 애플리케이션이 크래쉬 해, 같은 에러가 발생합니다. 최근 Babel/Webpack 업그레이드와 관련이 있을 것으로 생각됩니다.package.json에러에 대해서도 몇 가지 언급이 있기 때문에core-js에러입니다.이 모든 것에 대해 이상한 점은 오래된 커밋으로 되돌아가도 어플리케이션이 크래..

라벨이 VueJ로 되어 있는 CheckBox의 선택을 해제합니다.s VueJs의 라벨을 사용하여 체크박스를 끄려고 합니다. 데모: new Vue({ el: '#app', data: { checkedNames: [], checkedName: true }, methods: { uncheck: function() { this.checkedName = !this.checkedName; } } }) li.badge.badge-primary { cursor: pointer; margin: 5px; font-size: 100%; } ul.checkboxes { list-style: none; } ul.tags { margin-top: -110px; margin-left: 85px; } Jack John Mike {{..

Vue.js에서 폼 기본 동작 방지 폼을 사용하여 Vue.js 앱을 만들고 있는데 내장 Vue.js를 사용하여 HTML 5 폼의 디폴트 동작을 방지하는 방법이 없을까요?.prevent노력했습니다.그리고.하지만 소용없었다.도움이 필요하신가요?지시(간단)@)는 Vue 인스턴스 메서드 또는 JS 식을 이벤트에 바인드하는 것입니다. 이벤트 리스너를 요소에 연결합니다.[…] 메서드 이름, 인라인 문 또는 수식자가 있는 경우 생략할 수 있습니다. 따라서 메서드 또는 식/inline 문을 지정하지 않아도,.prevent수식자는 어떤 경우에도 기능해야 합니다. new Vue({ el: '#app', methods: { formSubmit() { console.log('form submitted'); }, }, }); ..

Vue: 템플릿은 키를 입력할 수 없지만 템플릿을 div로 바꿀 수 없음 - 래퍼 div 요소가 없는 v-for, 중첩된 v-for 루프가 필요합니다. 다음 JSON이 있습니다. { "data":{ "1":{ "color":"red", "size":"big" }, "2":{ "color":"red", "size":"big" }, "3":{ "color":"red", "size":"big" }, "4":{ "color":"red", "size":"big" }, "5":{ "color":"red", "size":"big" } } } 내가 이걸 가지고 보여주는 건vue코드: ... Property Value {{pos2}} {{obj2}} ... 하지만 나는 그 일을error '' cannot be keyed..

외부에서 처리되는 요소를 Vue.js에 추가하시겠습니까? 외부 라이브러리(및 그 DOM 요소)와 Vue.js를 조합한 라이브러리를 많이 찾았습니다.그러나 모두 Vue.js 관리 DOM 노드에 하위 요소만 추가하는 것으로 보입니다. 새로운 Stripe V3를 사용하기 쉽게 하기 위해 Vue-Stripe-Elements를 작성했지만 Stripes 요소를 Vue 컴포넌트에 마운트하는 데 어려움을 겪었습니다. 확실한 방법은.vue컴포넌트는 다음과 같습니다. 이 방법은 스트라이프가 마운트된 요소에 하위 항목만 추가하는 경우 작동하지만 스트라이프가 지정된 DOM 노드를 대체하거나 대신하는 것처럼 보입니다.물론 스트라이프도 지원하지 않습니다.VNodes. 현재 이 문제에 대한 해결책은 실제 DOM 노드를 생성하여 자..