prostudy

Vue 라우터 킵얼라이브가 작동하지 않음 다음과 같은 Vue 라우터가 있습니다. export default new Router({ routes: [ { path: '/', name: 'Inbox', component: Inbox }] }) 메인 앱에서.vue: 동작하지는 않지만 include를 삭제하면 (모든 루트에서) 동작합니다.Inbox 컴포넌트에서의 Keep Alive 작업에만 필요한 것은 무엇입니까?루트 이름은 지정되지만 컴포넌트는 지정되지 않았습니다.keep-alive include="Inbox"는 어떤 컴포넌트에도 적용되지 않습니다. 수정은 추가입니다.name: 'Inbox'컴포넌트 정의에 준거하여Inbox언급URL : https://stackoverflow.com/questions/49654..

null의 '포함' 속성을 읽을 수 없습니다. JavaScript에서 Vue.js를 사용하고 있습니다. 다음 오브젝트 배열이러한오브젝트 배열이 있습니다.products그리고 모든 물체는property불렀다smallest_unit_barcode다음과 같은 바코드로 제품만 필터링하고 싶다.value그래서 다음 기능을 수행했습니다. if (value != '') { var results = this.products.filter(obj=>obj.smallest_unit_barcode.includes(value)); var results = results.slice(Math.max(results.length - 20, 0)) this.pos_quick_lunch = results; } 모든 것이 잘 작동하지만ob..

이벤트 VueJs의 소품 컴포넌트 마지막으로 이벤트가 발생했을 때 컴포넌트의 소품에 접근하려고 합니다.이 컴포넌트는 http://element.eleme.io/#/en-US/component/switch에서 가져옵니다. 이름, 가치 등 여러 가지 소품이 있습니다.변경이 발생했을 때 스위치의 이름이나 값을 얻을 수 있으면 좋겠습니다. 또한 변경 이벤트를 트리거한 스위치의 소품에는 어떻게 접근할 수 있습니까? 이거 해봤는데 잘 모르겠어요. var Main = { data() { return { value1: true, } }, methods : { changeSwitch() { console.log(event.currentTarget.checked); console.log(event.currentTarget..

Vuejs2: 어레이 변경 시 어레이 계산 속성을 재렌더하는 방법 저는 List라는 이름의 어레이를 가지고 있으며 그를 위해 계산된 속성 computedList를 만들었습니다.어레이 값을 업데이트하면 html로 표시되지 않지만 콘솔에서는 어레이가 업데이트 됩니다. `https://jsfiddle.net/apokjqxx/69/` 어레이에 대해 계산된 속성을 사용하는 가장 좋은 방법은 무엇입니까? 계산 속성을 재렌더하는 방법이 존재할까요?JavaScript의 제한으로 인해 Vue는 다음과 같은 어레이의 변경을 검출할 수 없습니다.this.list[1] = 'vueman' 사용하셔야 합니다.Vue.set또는vm.$set다음과 같이 반응성 시스템에서 상태 업데이트를 트리거합니다. this.$set(this.li..

Jsx를 사용하는 경우 Vuejs 2.x에서 fragment를 사용하는 방법 이 때문에 React는 fragments를 가지고 있으며 공식 github 스레드도 이와 같은 솔루션을 제공하지 않습니다. Vuejs에서는 이 문제를 어떻게 해결할 수 있을까요?이는 개발자가 React 백그라운드에서 Vuejs로 마이그레이션하는 데 도움이 될 수 있습니다. 즉, 렌더링 기능 스타일과 JSX를 선호하는 사람은 누구입니까?이것은 컴포넌트의 루트 요소에 대해 실행하지 않는 한 간단합니다.예를 들어 서브렌더 함수에서 반환되는 여러 노드를 가진 루트 div가 이미 있다고 가정합니다. 이전에는 React에서 렌더 함수를 분할했으므로 여기서도 같은 방법으로 작업을 수행할 수 있습니다. 솔루션: 여기 코드가 있습니다. rend..

상위 구성 요소의 한 Vue 구성 요소에서 저장된 vanilla 클래스 인스턴스에 액세스하는 방법 둘 다 동일한 기본 구성 요소에서 상속되는 두 개의 하위 구성 요소를 가진 상위 구성 요소가 있습니다(이 상위 구성 요소는 Vue Storybook에서 생성되어 사용되고 있습니다).둘다요.SiblingAComponent그리고.SiblingBComponent같은 것을 계승하다BaseComponent및 동일한 상속된 데이터를 인스턴스화합니다.classInstance이것은 다른 라이브러리의 바닐라 JS 클래스 인스턴스입니다.접속을 시도하고 있습니다.classInstance상위 컴포넌트에서 두 번째 형제 컴포넌트로 데이터 전달(이 경우 에서)SiblingAComponent로.SiblingBComponent)를 참조..

Vuetify 아이콘이 올바르게 표시되지 않음: "$vuetify.icons"로 표시됩니다.." Vuetify의 아이콘이 제대로 표시되지 않는 문제가 있습니다.예를 들어 아래는 Vuetify 확장 패널입니다.이 질문의 vuetify 아이콘이 표시되지 않는 솔루션을 이미 시도했지만 효과가 없었습니다.아래는 쉐브론 다운 아이콘이 다음과 같이 표시되는 것을 볼 수 있습니다.$vuetify.icons.expand@mdi/font의 Import를 시도했지만 전혀 효과가 없습니다.사용하고 있는 코드는 다음과 같습니다. import Vue from 'vue' import Vuetify from 'vuetify'; import 'vuetify/dist/vuetify.min.css' // import 'material-..

다른 소품 검증기에서 소품 값에 액세스 다른 소품 검증기의 소품 값에 액세스하고 싶다. props: { type: { type: String, default: "standard" }, size: { type: String, default: "normal", validator(value) { // below I want to access the props `type` from above. return (this.type !== "caution" || this.type !== "primary") && value !== "mega" } } } 하지만 난 점점TypeError: Cannot read property 'type' of undefined.감 잡히는 게 없어요?그this소품에서 가변적인validato..

Vue.js에서의 디버깅 Vue App 디버깅 방법"Vue.js devtools"라는 이름의 Chrome 확장을 사용하고 있습니다.하지만 실행 흐름을 추적하고 싶습니다.내가 어떻게 그럴 수 있을까?Chrome 확장 기능 활용 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 좋은 하루 되세요!언급URL : https://stackoverflow.com/questions/45930736/debugging-in-vue-js

Vue Devtool 확장 힌트 사용 안 함 저는 거의 모든 면에서 Vue를 좋아하지만, 이것은 Vue 앱을 시작할 때마다 기록됩니다. Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools 저는 최소한의 개발 경험을 갖고 싶기 때문에 이 Vue 확장 기능은 필요하지 않습니다.이 귀찮은 팁은 무효로 하고 싶습니다.어떻게 진행하면 될까요? 내가 이미 시도한 것 Vue의 소스 코드를 보면 팁은 다음과 같이 기록됩니다. if (inBrowser) { setTimeout(function () { if (config.devtools) { if (devtools) { dev..