반응형

vuejs2 8

x초마다 메서드/함수를 트리거하는 Vue js

x초마다 메서드/함수를 트리거하는 Vue js 제목으로 거의 설명이 되지만, 매초 함수의 발화를 기대하고 있습니다. 난 아무것도 시도하지 않았고 도움이 될만한 코드도 별로 없어. 나는 구글 검색을 좀 해봤고 지금까지 어떤 예도 즐기지 않았다. 또한, 저는 라라벨 5.6을 사용하고 있습니다. countDown() 메서드를 호출할 경우 이 기능은 작동하지 않습니다. export default { ready() { window.setInterval(() => { this.countDown(); },1000); }, 위에 게시된 답변은 매초 ($nextTick 때문에) 트리거되므로 다른 간격을 설정할 경우 $nextTick을 삭제하기만 하면 됩니다(저의 경우 30초마다 실행해야 하므로 30000으로 설정했습니다..

IT 2023.02.06

이름을 가진 vue-router 경로가 없습니다.

이름을 가진 vue-router 경로가 없습니다. 나는 가지고 있다vue메서드를 포함하는 컴포넌트, 메서드는 다른 라우터에 푸시하려는 이 라우터 푸시를 포함합니다.vue컴포넌트: 겟애니멀vue: ... this.$router.push({ name: "/viewanimal", }); ... 라우터에는 다음 매핑이 있습니다. router.syslog: { path: "/viewanimal", component: () => import('./views/DisplayAnimal.vue') }, { path: "/getanimal", component: () => import('./views/GetAnimal.vue') } 단, 내부 코드가GetAnimal.vue실행할 수 있습니다.콘솔에 다음과 같이 표시됩니다...

IT 2023.01.31

기존 값이 있는 Vue 형식 입력 바인딩

기존 값이 있는 Vue 형식 입력 바인딩 입력을 모델에 바인딩하고 싶다.페이지가 로드되면 입력에 값이 지정됩니다.그러나 모델과 바인드하면 늘 또는 빈 값으로 모델을 초기화하면 빈 값이 됩니다. {{ email }} JavaScript: new Vue({ el: '#update-email', data() { return { email: '', }; } }); jsfiddle:https://jsfiddle.net/Debiprasad/v8wyj2kw/ 업데이트 방법email값이 로드될 때 입력 값과 일치합니까?모델 값을 입력 필드 값으로 초기화하여 처리합니다.이렇게 하면 vue가 처음에 입력 필드에 모델 값을 설정할 때 입력 필드에 있던 값이 됩니다. jquery를 사용한 예는 다음과 같습니다. {{ emai..

IT 2023.01.15

v-model 및 하위 구성 요소

v-model 및 하위 구성 요소 v-model을 사용하여 입력을 바인딩하는 폼이 있습니다. 입력을 오브젝트에 의 값을 묶을 수 요? 그러면 자식 구성 요소의 값을 부모 개체에 바인딩하려면 어떻게 해야 합니까?form.name설명서에 기재된 바와 같이 v-model통사설탕은 다음을 위한 것입니다. 「 」를 실장하려면v-model다음 중 하나: value 내부 값에 대해 계산된 세터를 사용하여 계산된 속성을 만듭니다(구성 요소 내에서 프로포트의 값을 수정하면 안 되므로). get 메서드('Method'를 함)value set .input이 다음은 간단한 예입니다. Vue.component('my-input', { template: ` My Input: `, props: ['value'], computed:..

IT 2023.01.01

router-link에서 부모 v-on을 소비하는 방법: complete clicked

router-link에서 부모 v-on을 소비하는 방법: complete clicked {{tag}} 이 경우,router-link를 클릭합니다.v-on:click이벤트를 캡처합니다. 제조 방법router-link클릭 이벤트를 완전히 소비할 수 있습니까?네, 해결 방법을 찾았습니다.부터router-link렌더링하다a그 다음에v-on:click.stop렌더링된 것으로 전파되지 않음a근데 이걸 랩으로 싸서div멈추는 걸 포함하면 효과가 있을 거야 {{tag}} 언급URL : https://stackoverflow.com/questions/48845142/how-to-make-router-link-consume-parent-v-onclick-completely

IT 2022.11.18

이미 구축된 Vue JS 앱에 매개 변수를 전달하려면 어떻게 해야 합니까?

이미 구축된 Vue JS 앱에 매개 변수를 전달하려면 어떻게 해야 합니까? 웹 서비스에 연결하여 데이터를 가져오는 Vue 앱이 있습니다.웹 서비스 URL은 앱을 설치하는 위치에 따라 다릅니다. 처음에 생각난 건.env하지만 나중에 깨달은 건 이 파일들이 최소화된 파일에.js파일을 표시합니다. 내 안에 이런 게 있어서main.js의 경우 매우 편리했다.env파일: Vue.prototype.ApiBaseUrl = process.env.VUE_APP_APIBASEURL Vue.prototype.PrintDocsFolder = process.env.VUE_APP_PRINTDOCSFOLDER Vue.prototype.TicketPrintWSocket = process.env.VUE_APP_TICKETPRINTWS..

IT 2022.11.08

하나의 .js 파일에서 컴포넌트를 여러 파일로 분할합니다.

하나의 .js 파일에서 컴포넌트를 여러 파일로 분할합니다. 내부 컴포넌트를 작성했습니다.index.js(메인 Vue 코드가 있는 곳).이제 프로젝트를 모듈화하여 컴포넌트를 별도의 파일로 만들고 싶습니다.예를 들어, 예를 들어 제가 만든다면 어떻게 해야 할지 모르겠습니다. optionalapm.js메인index.jsvue 구성 요소를 찾을 수 없다는 오류를 반환합니다.optionalapm내가 포함시켰어 컴포넌트를 로 Import하려면 어떻게 해야 합니까?index.js? 컴포넌트 코드는 다음과 같습니다. var optionalapm=Vue.component('optionalapm', { props:['value'], template: `

IT 2022.10.28

Vue.js에서 새로운 무효 속성 설정

Vue.js에서 새로운 무효 속성 설정 구성 개체를 전달하는 상위 구성 요소가 있습니다.props그 자식에게. 이 오브젝트에 set reactive 엔트리를 추가합니다.다음은 예를 들어 다음과 같습니다. created() { this.config.page = this.config.page || 1 } 그래서 지금 이 순간부터,page반응하게 됩니다.가능합니까? 실패한 시도: beforeCreate() { if(!this.$options.propsData.config.page){ Vue.set(this.$options.propsData.config, 'page', 1) } } 에서 변경하다beforeCreated로.created이것은 당신에게 도움이 될 것입니다. create() { if(!this.$op..

IT 2022.10.19
반응형