gigabyte

Vue에서 발생한 모든 오류를 캡처하는 방법.JS SPA 웹 앱을 만들고 vue.js 웹 앱에서 발생한 모든 오류를 캡처하려고 합니다. errorHandler를 보고 있었는데 다음과 같이 렌더링 또는 워치 중 오류만 캡처합니다. 컴포넌트 렌더링 및 워치 중 검출되지 않은 에러에 대한 핸들러를 할당합니다.핸들러가 에러와 Vue 인스턴스와 함께 호출됩니다. 이 질문에서 힌트를 얻어 다음과 같은 코드를 작성했습니다. window.onerror = function (errorMsg, url, lineNumber, column, errorObj) { console.log('Inside window.onerror') console.log(errorMsg, ' ', url, ' ', lineNumber, ' ', c..

Vue - 다른 컴포넌트 내부에서 컴포넌트 사용 를 사용하려고 합니다.search-bar component내 안에home.vue컴포넌트는 동작하지 않는 이유를 알 수 없습니다. 폴더 구조 App.vue components home.vue query.vue common HeaderBar.vue SideBar.vue SearchBar.vue App.vue 대본 import HeaderBar from './components/common/HeaderBar' import SideBar from './components/common/SideBar' export default { name: 'App', components: { HeaderBar, SideBar }, html 위의 것은 문제없이 동작합니다. Home..

Vue2 JS를 사용하는 이 기본 계산 데이터 값은 어떤 문제가 있습니까? 저는 온라인 튜토리얼에서 계산된 데이터를 사용하여 이름과 성을 출력하는 튜토리얼을 팔로우했습니다.내 코드는 같지만 렌더링된 결과가 다릅니다.현재 $ 뒤에 있는 것을 할당된 데이터가 아닌 문자열로 보고 있습니다.https://screenshots.firefox.com/pDElTgV9EB58BjbS/127.0.0.1 제가 뭘 잘못하고 있는 걸까요? const app = new Vue({ el: "#app", data: { bobby: { first: "Bobby", last: "Boone", age: 25 }, john: { first: "John", last: "Boone", age: 35, } }, computed: { bobby..

VueJ의 드롭다운 메뉴(액티브 메뉴 검색) 이것은 클릭 시 내비게이션 항목 내의 서브 아이템을 클릭 시 열어야 하는 내 내비게이션 메뉴 및 방법인데, 부족한 부분을 찾을 수 없습니다. [![menu_menu][1] [1] new Vue({ el: '#app', data: { //menu "menu_title": "a", "child_routes": [{ "path": "/a1", "menu_title": "a1" }, { "path": "/a2", "menu_title": "a2" } ] }, { "menu_title": "b", "child_routes": [{ "path": "/b1", "menu_title": "b1" }, { "path": "/b2", "menu_title": "b2" }, { ..

VueJS 자동화 - 테스트 카페와나이트워치 - 장점 / 단점 닫았습니다. 이 질문은의견 기반의현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 1년 전에 문을 닫았어요 이 질문을 개선하다 여러 데스크톱 브라우저 및 모바일(iOS 및 Android) 브라우저에서 지원되는 VueJS 애플리케이션의 자동화 테스트 케이스를 만드는 것을 검토하고 있습니다.저는 프로젝터, 테스트 카페, 나이트워치, 사이프레스 등 여러 가지 옵션을 경험해 보았습니다.Cypress는 Chrome 브라우저에서만 지원되기 때문에 사용할 수 없고, Protractor는 Angular 어플리케이션 테스트에 더 적합한 것 같습니다.그래서 저는 테스트..

Vuejs 공유 무선 구성 요소가 렌더에서 확인되지 않음 원어민 라디오 입력을 확장한 vue 컴포넌트를 가지고 있습니다.추가 마크업과 스타일링으로 앱 전체에서 일반 라디오의 대역으로 사용할 수 있습니다. 여기서는 jsfiddle(여기서는 jsfiddle)이라는 접근 방식을 따르고 있지만, 이 예에서는 그렇지 않지만 구성 요소가 v-model 특성을 허용하는 기능을 추가하려고 합니다. 지금까지의 .vue 컴포넌트 파일은 다음과 같습니다. 좋습니다. 변경 시에도 잘 작동하고 모델도 업데이트 됩니다.문제는 컴포넌트가 렌더링될 때 무선의 체크된 Atribute가 적용되지 않기 때문에 누군가가 페이지를 열었을 경우 변경 이벤트가 발생할 때까지 모든 무선이 공백으로 표시됩니다. Vue의 문서에는 다음과 같이 명시되..

ASP를 사용한 서버 측 렌더링 Vue.NET Core 2 aspnet core를 사용할 때 vuej를 사용한 서버 측 렌더링의 사용 방법과 제한 사항을 이해하려고 합니다. 이 스타터 키트를 aspnet core 및 vuej에 사용하여 간단한 vue 사이트를 셋업했습니다.이 사이트는 다음 코드를 기반으로 실행됩니다.https://github.com/selaromdotnet/aspnet-vue-ssr-test/tree/master 그런 다음 프로젝트를 수정하여 aspnet 프리렌더를 업데이트하고 vue-server-renderer를 추가했습니다.이 업데이트를 정리하기 위한 소스들의 잡지를 컴파일했습니다.https://github.com/selaromdotnet/aspnet-vue-ssr-test/tree/..

Vue.js 2: 조건부 렌더링이 작동하지 않음 조건부 렌더링에 문제가 있습니다.하나의 예도 작동하지 않습니다. Vue 코드는 다음과 같습니다. Vue.component('sub-folder', { props: ['folder'], template: '#template-folder-item' }); var buildFoldersList = new Vue({ el: '#sub-folders', data: { foldersList: this.foldersList, foldersStatus: this.foldersStatus }, created () { this.buildFolders() }, methods: { buildFolders: function () { var self = this; $.ajax({ ..

tailwindcss @apply 디렉티브가 vue 구성 요소 내에서 작동하지 않음 새로운 프로젝트 문제를 해결하기 위해 제트스트림 및 관성 vue 스택을 사용하여 일반 애플리케이션을 만듭니다.Tailwindcs버전 2 사용postCss또, 서포트도 되지 않습니다.@applyvue 구성 요소 내부와 내부 지시어.css파일은 정상적으로 동작합니다.이 css 파일은 내가 원하는 모든 페이지를 로드하기 때문에 나는 그것을 원하지 않습니다.@apply'어떻게 하면 좋을까요? '라고 지시했지만 할 수 없습니다. vue 템플릿 내 Hello output inside browser like this webpack.mix.js const mix = require('laravel-mix'); mix.js('resourc..

필터 메서드 내부의 vue 인스턴스/데이터 액세스 이렇게 필터 기능 내부의 vue 인스턴스 데이터에 접속하려고 합니다.JS:- new Vue({ data:{ amount: 10, exchangeRate:50 }, el:"#app", filters:{ currency: function(amount){ console.log(this); //return amount * this.exchangeRate; return amount *50; } } }) HTML: {{ amount | currency}} 제 목표는 사용하시는 것입니다.return amount * this.exchangeRate;그렇지만this와 동등하다window여기. 이거 어떻게 하는 거야?감사합니다. jsfiddleVue의 창시자 Evan에 따..