gigabyte

Vue 2.0 SSR 오류 페이지 SSR 응용 프로그램에 ErrorPage vue 구성 요소를 구현하려고 합니다.보일러 플레이트를 사용하고 있습니다. // server.js ... const context = { url: req.url }; const stream = renderer.renderToStream(context); // If an error occurs while rendering stream.on('error', (error) => { var app = new Vue({ template: 'Error page' }); errRenderer.renderToString(app, function (error, html) { return res .status(500) .send(html); });..

불명확한 에러가 내 컴포넌트 이름이 0으로 시작된다고 한다. 컴포넌트명이 제로라는 불명확한 에러가 표시된다.하지만 내 컴포넌트 중 이름에 0이 있는 것은 없습니다.이 오류는 추적하기가 어렵습니다.제가 올바른 방향으로 나아갈 수 있도록 문제가 무엇인지 누구나 알고 있습니다. vendor.js: 66537 [Vue warn] :잘못된 구성 요소 이름: "0"입니다. 구성 요소 이름에는 영숫자와 하이픈만 포함될 수 있으며 문자로 시작해야 합니다. 오류에 대한 자세한 내용은 다음과 같습니다. 편집: 상세 정보: 저는 독특한 프로젝트 구조를 가지고 있습니다.파일 컴포넌트는 1개입니다.각 컴포넌트는 다음과 같이2개의 파일로 분할됩니다. Home.vue: ... home.module: export default { ..

vue.js 및 부트스트랩 4를 사용한 팝오버 부트스트랩 4의 팝오버를 vue.js 앱에 추가하려고 합니다.아마 이런 게 필요할 것 같아https://www.npmjs.com/package/vue-popperjs다만, 다른 라이브러리를 사용하지 않고, 낡은 방법으로 동작시키고 싶다(그 방법의 원리를 알 수 있도록). 설치 완료Popper.js와 함께npm install --save popper 인마이webpack.config.js또, 다음과 같은 것이 있습니다. plugins: [ new WebpackNotifierPlugin(), new webpack.ProvidePlugin({ _: 'lodash', $: 'jquery', jquery: 'jquery', 'window.jQuery': 'jquery'..

webpack-simple Vue.js 템플릿에서 콘솔에서 Vue 앱에 액세스하는 방법은 무엇입니까? Vue.js 앱을 만들었습니다.vue-cli웹 팩을 통한 템플릿으로 동작합니다.제공된 main.js에서, 저는 이 main.js의new Vue(...에 줄을 대다.var vm = new Vue(...Chrome Dev Console에서 Vue 인스턴스에 액세스 할 수 있도록 하기 위해서입니다만,vm아직 정의되지 않은 것으로 표시됩니다. 컴포넌트에서 이벤트를 수동으로 생성하거나 콘솔에서 데이터를 수동으로 수정할 수 있도록 Vue 개체에 대한 참조를 얻는 올바른 방법은 무엇입니까?로 시험해 보다window.vm = vm; var vm = new Vue({ el: '#app', store, template: ..

vuejs 요리책의 편집 가능한 Svg 아이콘 시스템에서 아이콘 색상을 변경하는 방법 vuejs cookbook에서 제안한 시스템을 svg 아이콘을 보관하기 위해 사용하려고 합니다(https://vuejs.org/v2/cookbook/editable-svg-icons.html) 2개의 컴포넌트가 있습니다.IconBase 및 IconArrowUp.호버에 있는 화살표 아이콘의 색상을 변경해야 합니다(CSS 전환도 적용되어야 합니다. 기사에서 그들은 다음과 같은 내용이 있습니다.iconColor소유물.그러나 css를 사용하여 색상을 변경할 수 없었고, onmouseenter와 같은 이벤트를 사용하는 것은 그다지 편리하지 않습니다. 다음은 두 가지 컴포넌트의 코드입니다. 아이콘 베이스vue: 그리고 아이콘 화살..

Vue js는 v-on 또는 @click을 사용하지 않고 클릭 이벤트를 추가합니다. 마크업에 기입하지 않고 Vue 인스턴스 내에 클릭 핸들러를 추가할 수 있는 방법이 있습니까?Ajax를 통해 SVG를 로드하고 있는데 Vue 클릭 이벤트를 사용하고 싶습니다. 내 Vue 파일은 다음과 같습니다. 문제는 큰 SVG를 직접 페이지에 로드하는 것입니다.완벽한 세상이라면 이런 걸 할 거야 하지만 로드하는 SVG는 300kb 정도 크기이기 때문에 페이지마다 JavaScript를 모두 탑재하고 싶지 않습니다. 코멘트나 솔루션이 있으면 언제든지 환영입니다. 편집 질문한 이후로는 완벽하지는 않지만 현재로선 꽤 괜찮은 접근법인 것 같습니다. var vueBus = new Vue({}); $('body').on('click'..

Vue 렌더링 기능 내에서 하위 제어 Vue.js에서 쉬워 보이는 컴포넌트를 작성하는데 어려움을 겪고 있습니다.JS 렌더 기능을 사용하여 옵션 제목, 콘텐츠 및 옵션 바닥글을 갖춘 부트스트랩 패널입니다.목적은 다음과 같습니다. Header [ The panel content goes here ] Footer 질문입니다.자녀 컴포넌트(패널헤더 및 패널푸터)를 렌더링 기능에 포함시켜 옵션인 채로 독자적인 클래스(패널본체 클래스 및 소품 타이틀)를 사용하여 패널 본체를 자유롭게 구성할 수 있도록 하려면 어떻게 해야 합니까? 달리 말하면:어떻게 하면 아이들을 제어하고 컴포넌트를 분리하여 패널 중앙에 [자녀]를 채울 수 있을까요? 렌더링 화면은 다음과 같습니다. import classNames from 'clas..

삭제된 하위 구성 요소에서 이벤트 수신 중지 자녀 컴포넌트를 동적으로 추가할 수 있는 부모가 있습니다. 자 구성 요소가 마운트에 추가되면 이벤트에 청취자를 등록합니다. EventBus.$on('content-type-saving', function() { logic here... } 문제는 그 컴포넌트를 하위 컴포넌트 배열에서 삭제하여 부모 컴포넌트를 삭제해도 그 컴포넌트 내의 코드가 실행된다는 것입니다. 어떻게 하면 이런 일을 막을 수 있을까요?이거 먹어봤어 beforeDestroy() { //do something before destroying vue instance EventBus.$off('content-type-saving') } 하지만 다른 모든 아동 컴포넌트에서도 이 이벤트가 꺼졌습니다.그..

v-for 루프에서 서로 다른 onClick 함수를 호출합니다. 루프 통과해야 하는 데이터 세트가 있지만 해당 데이터의 각 항목에는 서로 다른 onClick 이벤트가 있습니다.예를 들어 다음과 같은 것들이 있습니다. list: [ { text: 'a', icon: 'a-icon', onClick: () => { // do stuff a }, }, { text: '`b`', icon: 'b-icon', onClick: () => { // do stuff b }, }, ] 처음에 하려고 했던 건 효과가 없었어요오류: TypeError: item.onClick is not a function 그리고 나서 나는 시도했다: 이상하게 생겼지만 효과가 있습니다.나만 접속할 수 없다this안에서.onClick기능.그냥..

VueBootstrap 및 New VeeValidate에서 사용자 지정 모드를 만들 수 없음 안녕하세요, 제 컴포넌트에는 다음과 같은 모달 기능이 있습니다. {{errors[0]}} close save 그러나 다음 오류로 컴파일할 수 없습니다. 스코프의 애매함을 피하기 위해 다른 이름 있는 슬롯이 있는 경우에도 디폴트슬롯은 구문을 사용해야 합니다. 문제는 다음과 같습니다. vue-bootstrap modal의 footer modal 템플릿을 덮어쓰고 검증과 함께 실시간으로 "submit" 버튼을 비활성화합니다. 출력하면 컴파일은 가능하지만 ValidationObserver 유효 슬롯의 버튼을 비활성화할 수 없습니다.코드 Sand Box도 만들었습니다. https://codesandbox.io/embed/..