factcode

Vue 라우터: TypeError: 정의되지 않은 속성 '$createElement'를 읽을 수 없습니다. 그래서 저는 vue.js를 처음 접하는 사람이고 저의 어리석은 실수일 수도 있지만 안타깝게도 구글은 오늘 제 친구가 아닌 것 같습니다. 왜냐하면 제가 2시간 넘게 검색했지만 아무것도 찾지 못했기 때문입니다. 컴포넌트를 로드하려고 하면 문제가 발생.이 컴포넌트는 다른 컴포넌트에 네스트되어 있으며 라우터는 이 컴포넌트를 로드합니다.다른 컴포넌트가 로드되어 있다(사용방법)및 라우터)에 문제가 없습니다.이 컴포넌트의 유일한 차이점은 루트 아래에 3레벨이 중첩되어 있다는 것입니다.다른 컴포넌트 중 가장 깊은 컴포넌트는 2레벨입니다. 이 컴포넌트를 로드하려고 하면 2개의 경고와 에러가 표시됩니다. 경고 1: ..

vue.js에서 업데이트되지 않는 이유 내 코드는 다음과 같습니다. updated() { console.log('test') }, 데모 및 완전한 코드는 다음과 같습니다. 콘솔에서 확인해보니 console.log('test') 결과가 표시되지 않습니다. 마운트를 사용하면 동작합니다. updated를 사용해도 동작하지 않는 이유는 무엇입니까? 어떻게 하면 문제를 해결할 수 있을까요?실제로 아무것도 업데이트하지 않았습니다. 다음 JSFiddle을 확인하십시오. https://jsfiddle.net/50wL7mdz/58496/ 이 데이터는 초기 데이터이므로 업데이트 후크가 트리거되지 않습니다. data: { message: 'Hello Vue.js!' } 마운트된 라이프 사이클 훅에서 초기 데이터를 변경하면u..

vueJ 및 웹 팩과 함께 서드파티 jquery 라이브러리 사용 나는 Vuejs에서 부트스트랩-토글을 사용했다.프로젝트 실행 시 "bootstrapToggle is not function" (bootstrapToggle은 함수가 아닙니다)라는 오류가 표시됨 이것은 VueJs 컴포넌트의 외관입니다. 웹 팩의 장점 중 하나는 모든 파일에서 모듈을 사용할 수 있다는 것입니다.Vue.js에서는 컴포넌트에 대해 설명합니다.컴포넌트에서 jQuery 모듈을 사용하면 해당 컴포넌트에서만 사용할 수 있습니다.웹 팩 설정 파일에 글로벌하게 추가하려면 다음 절차를 따릅니다. webpack.base.conf.disc var webpack = require("webpack") module.exports = { plugins :..

의 웹 팩JSP 인덱스 파일 현재 프런트엔드와 백엔드가 밀접하게 연결되어 있는 프로젝트를 진행하고 있습니다.애플리케이션의 레거시 버전은 를 사용하여 구축됩니다.JSP 파일, 인덱스 파일은 인덱스입니다.JSP 파일 현재 저의 업무는 Vue의 새로운 프런트엔드에 대한 개발 환경을 작성하고 Webpack dev 서버를 사용하여 새로운 정보를 제공하고 번들을 index.jsp 파일에 삽입하는 것입니다.이것이 제가 막히는 부분입니다.Webpack dev server나 HtmlWebpackPlugin 스크립트 태그를 JSP 파일에 삽입하는 방법을 모르겠습니다. 저는 정말 벽에 부딪혔기 때문에 어떤 도움이라도 주시면 감사하겠습니다.JSP 등의 서버측 컴포넌트를 Web 팩과 함께 번들(또는 처리)하는 것은 좋지 않습니..

Vue에서 "v-html"과 함께 추가된 콘텐츠에 "v-on"을 설정하는 방법 Vue에서 다음을 추가할 수 있습니까?v-on추가된 문자열 이벤트v-html이 예에서는 'Maggie' 링크를 클릭해도 아무 일도 일어나지 않습니다.Vue에 등록되어 있지 않은 것 같습니다. 아니면 다른 방법이 있을까요?Vue.js 2.1.3을 사용하고 있습니다. 자바스크립트 window.onload = function() { new Vue({ el: '#app', data: { users: ['Homer', 'Marge', 'Bart', 'Lisa', 'Maggie'] }, methods: { click_user: function() { console.log('Click user') }, } }) } HTML This wor..

Vuej 및 vue-socketio: 소켓 인스턴스를 컴포넌트에 전달하는 방법 Vuejs를 Vue-Socket.io 플러그인과 함께 사용하려고 하는데 컴포넌트 간에 소켓을 올바르게 연결하는 방법에 대한 질문이 있습니다. 이상적으로는 앱 전체에서 소켓을 1개만 사용하고 싶기 때문에 루트 인스턴스에서 소켓을 인스턴스화하여 필요한 컴포넌트에 '프롭'으로 전달하고 싶습니다.그게 올바른 방법인가요? 그렇다면 제가 뭘 잘못하고 있는 걸까요?수신되는 에러는,TypeError: this.socket.emit is not a function소켓 오브젝트를 올바르게 전달하고 있지 않은 것 같습니다. 소켓을 사용하는 컴포넌트에는 다음 스크립트가 있습니다. 루트 컴포넌트의 초기화는 다음과 같습니다. import Vue fro..

Vue js 2를 사용하여 구성 요소 하위 구성 요소 체인에서 이벤트를 버블링하려면 어떻게 해야 합니까? vue 어플리케이션을 사용하고 있는 경우: 컴포넌트-자녀로 이루어진 컴포넌트-부모 컴포넌트 inside component-parent 버튼이 있습니다.누군가 버튼을 클릭하면 vue에 의해 처리되어 다른 컴포넌트로 전달되기 위해 이벤트를 내보내고 싶습니다. 지금까지 한 일: var vm = new Vue({ el: '#app', methods: { itemSelectedListener: function(item){ console.log('itemSelectedListener', item); } } }); Vue.component('component-child', { template: ' Button '..

루프 내에는 현재 루프되어 있는 일치를 취득하여 특정 이름의 참가자를 반환하는 함수가 있습니다.중복을 방지하는 방법 제 질문 전체를 제목에 넣을 수 없었기 때문에 여기에 추가하겠습니다. 저는 현재 경기마다 div 요소를 생성하는 루프를 가지고 있으며, 그 div에 10명의 경기 참가자 중 1명의 정보를 표시하고 싶습니다.이를 위해 특정 이름을 가진 참가자의 오브젝트를 반환하는 기능을 사용합니다.다만, 아래와 같이, 그 참가자의 자산에 액세스 하고 싶을 때마다, 속성 마다 몇번이나 그 기능을 사용할 필요가 있습니다. 저는 그게 올바른 행동 방침이라고 생각하지 않아요, 그렇죠?프런트 엔드 프레임워크로 Vue.js를 사용하고 있습니다. 현재 다음과 같은 코드를 가지고 있습니다. 루프: {{ findPartic..

Nuxt with Typescript에서 루트 주입을 사용하여 사용자 지정 플러그인을 만드는 방법 문제 Nuxt TS 앱에서 커스텀 플러그인을 만들려고 합니다.Nuxt TS의 쿡북을 팔로우하려고 했는데, 커스텀 메이드 기능이 존재하지 않는다는 런타임 에러가 나는 것 같습니다.저는 Nuxt와 Typescript에 비교적 익숙하지 않기 때문에 누군가 제 기능이 인식되지 않는 이유를 설명해 주셨으면 합니다.컴파일러에 에러는 표시되지 않습니다.또, 조작시에, 함수가 인식됩니다.함수 위로 마우스를 가져가면, 올바르게 입력되어 인식됩니다. 에러 Type Error: 이거.$getAgeGroup은 함수가 아닙니다. tsconfig.json { "compilerOptions": { "target": "ES2018", ..

전체 URL을 사용하여 VueJ의 구성 요소를 비동기적으로 가져오는 방법 상대 URL이 아닌 전체 URL을 기준으로 Vue 구성 요소를 비동기적으로 Import해야 합니다.VueJS 매뉴얼에서 인용한 다음 예시는 같은 프로젝트 내의 컴포넌트에 대해서만 정상적으로 동작합니다. Vue.component( 'app-component-one', () => import('./component-from-app-one') ) 다만, 같은 서버에 전개되어 있는 다른 프로젝트에서 컴포넌트를 Import 하는 것이 목표입니다.저는 풀 URL을 사용하여 다음과 같은 작업을 할 수 있기를 희망합니다. Vue.component( 'app-component-two', () => import ('http://sample-domai..