c10106

[부유 경고]:요소를 찾을 수 없음 부에즈 쓰고 있어.이건 내 마크업이다. 이건 내 암호야 var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; 페이지를 로드하면 다음과 같은 경고가 표시됨: [Vue warn]: Cannot find element: #main 내가 뭘 잘못하고 있는 거지?문제는 돔에 목표 돔 요소가 로드되기 전에 스크립트가 실행된다는 겁니다.한 가지 이유는 페이지 머리글이나 분할 요소 앞에 배치되는 스크립트 태그에 스크립트를 배치했기 때문일 수 있다.#main. 따라서 스크립트가 실행되면 대상 요소를 찾을 수 없으므로 오류가 발생한다. 하나의 해결책은 다음과 같은 로드 이벤트 핸들러에 스크립트를 배치하는 것이다..

'Unchecked runtime.lastError:응답이 수신되기 전에 메시지 포트가 닫힘' 크롬 문제? 이 게시물을 개선하고 싶으십니까?인용문 및 정답에 대한 설명을 포함하여 이 질문에 대한 자세한 답변을 제공하십시오.자세한 내용이 없는 답변은 편집하거나 삭제할 수 있다. 나는 내 프로젝트에 VueJS와 Laravel을 사용하고 있다.이 문제는 최근에 나타나기 시작했고 심지어 오래된 git 지점에서도 보여진다. 이 오류는 Chrome 브라우저에서만 나타난다. 나는 크롬에 설치된 모든 확장을 비활성화했다. 나에게 효과가 있다.나는 이제 오류 없는 확실한 콘솔을 갖게 되었다.이 오류를 발생시키는 것을 멈추려고 구글로 검색한 확장 개발자일 경우: 이 문제는 CORB(여기서 언급된 또 다른 답변)가 아니라 ..

구성 요소 외부에서 Vue.js 구성 요소 메서드를 호출하십시오. 예를 들어, 하위 구성 요소를 포함하는 기본 Vue 인스턴스가 있다고 합시다.이러한 구성 요소 중 하나에 속하는 방법을 Vue 인스턴스 외부에서 전체적으로 호출하는 방법이 있는가? 예를 들면 다음과 같다. var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; }, methods: { increaseCount: function() { this.count++; } } }, } }); $('#external-button').click(function() { vm['my..

vue-cli 프로젝트에서 포트 번호를 변경하는 방법 Vue-cli 프로젝트에서 포트 번호를 변경하여 8080이 아닌 다른 포트에서 실행하는 방법만약 당신이 사용하고 있는 경우vue-cli3.x, 간단히 항구를 통과하면npm다음과 같이 명령한다. npm run serve -- --port 3000 그럼 방문하십시오.http://localhost:3000/파티에 늦었지만, 나는 이 모든 대답을 모든 선택지를 요약하는 하나로 통합하는 것이 도움이 된다고 생각한다. Vue CLI v2(웹 팩 템플릿)와 Vue CLI v3로 구분되며, 우선 순위(높음에서 낮음)로 정렬됨. Vue CLI v3 package.json: 에 포트 옵션 추가serve스크립트:scripts.serve=vue-cli-service ser..

Vue 프로젝트의 보기와 구성 요소 폴더 간의 차이점은? 그냥 명령줄을 사용했을 뿐인데 (웃음)CLIVue.js 프로젝트를 초기화하기 위해.그CLIa를 만들었다.src/components그리고src/views폴더 부에프로젝트를 한 지 몇 달이 지났는데 폴더구조가 생소해 보인다. 두 사람의 차이점은 무엇인가.views그리고components로 생성된 Vue 프로젝트의 폴더우선, 두 폴더 모두src/components그리고src/views에는 Vue 구성 요소가 포함되어 있다. 주요 차이점은 일부 Vue 구성 요소가 라우팅의 보기 역할을 한다는 것이다. Vue에서 라우팅을 처리할 때, 대개 Vue 라우터와 함께, 루트는 구성 요소에 사용되는 현재 뷰를 전환하기 위해 정의된다.이 노선은 일반적으로 에 위치한다..

각각은 JavaScript 배열의 함수 오류가 아님 난 간단한 루프를 만들려고 한다. const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) 그러나 나는 다음과 같은 오류를 얻는다. VM384:53 Uncaused TypeError: parent.children.각자는 함수가 아님 그럼에도 불구하고.parent.children로그: 뭐가 문제야? 주: 여기 JSFiddle이 있다.첫 번째 옵션: 각각에 대해 간접 호출 그parent.children배열과 같은 객체.다음 솔루션을 사용하십시오. const parent = this.el.paren..

Vue.js에서 생성된 이벤트와 마운트된 이벤트 간의 차이 Vue.js 설명서에서는created그리고mounted다음과 같은 사건: created 인스턴스가 생성된 후 동시에 호출됨.이 단계에서 인스턴스는 데이터 관찰, 계산된 속성, 방법, 감시/이벤트 콜백 등의 설정이 완료되었음을 의미하는 옵션 처리를 완료했다.그러나 마운트 단계가 시작되지 않아 달러엘 부동산은 아직 구할 수 없을 것이다. mounted 인스턴스가 방금 마운트된 후 호출되며, 여기서 el이 새로 생성된 VM으로 대체된다.$el. 루트 인스턴스가 문서 내 요소에 마운트된 경우 vm.탑재된 것을 호출할 때 $el도 동봉될 것이다. 서버 측 렌더링 중에는 이 후크를 호출하지 않는다. 이론은 이해하지만 실천에 관한 두 가지 질문이 있다. 에 ..

VueJS 조건부로 요소의 속성 추가 VueJS에서는 v-if를 사용하여 DOM 요소를 추가하거나 제거할 수 있음: Important Button 그러나 다음과 같이 조건부로 설정된 돔 요소의 속성을 추가/제거할 수 있는 방법이 있는가? Username: 다음과 유사한 방법으로: Username: 좋은 생각 있어?시도: 업데이트: Vue 3에서 변경되었으므로 이 답변 https://stackoverflow.com/a/64598898을 참조하십시오. 가장 간단한 양식: // if true // if false // test ? true : false Vue 3에서 속성의 조건부 렌더링이 변경됨. 속성 사용을 생략하려면 null 또는 undefined .Vue 2: Result: Result: Vue 3: ..

방법1)숫자형 변수에 천단위마다 콤마를 찍어서 문자형으로 바꿔주는 코드입니다.Utils에 만들어 놓으면 나중에 유용하게 사용됩니다. public static String toNumFormat(int num) { DecimalFormat df = new DecimalFormat("#,###"); return df.format(num); } ======================================================================방법2)숫자를 콤마 찎어서 문자형으로 반환하는 아주 간단한 코드입니다. 아주 간단.int i = 1000000; String str = String.format("%,d", i); 여기서 str은 "1,000,000" 이 됩니다. String.이런..

pageContext : 페이지에 대한 정보를 취득한다. requestURL : HTTP데이터에서 URL의 정보를 가져온다. requestURI : HTTP데이터에서 URI의 정보를 가져온다. fullURL : ${fullURL} pathURI : ${pathURI} baseURL : ${baseURL}예시) http://localhost/test/getUrl.do fullURL : http://localhost/test/getUrl.dopathURI : /test/getUrl.dobaseURL : http://localhost