cyworld

구성 요소 내부에 생성된 FullCalendar 개체 내부에서 Vue 구성 요소 개체에 액세스하는 중 VueJ와 함께 Full Calendar를 사용하고 있는데 달력에서 시간을 클릭할 때마다 커스텀 모달(modal)을 열고 싶습니다.단, 모달 열기 위해 전체 달력 오브젝트 이외의 다른 함수를 호출해야 하는데, 사용 중이기 때문에 어떻게 해결해야 할지 모르겠습니다.this전체 달력 내에서는 해당 개체와 Vue 구성 요소 개체를 참조합니다.Vue 컴포넌트 오브젝트를 취득할 수 있는 방법이 필요합니다.지금까지 시도했지만 소용이 없었습니다. export default { name: 'MyComponent', methods: { myFunc () { // should get called from inside fu..

Vue 메서드 호출 저는 axios.get으로 json 응답을 얻는 vue 메서드를 가지고 있으며, 첫 번째 메서드에 따라 다른 메서드를 가지고 있습니다.지금 두 번째 방법의 타임아웃을 설정하고 있습니다.타임아웃을 설정하지 않고 실행할 수 있는 방법이 있습니까? displayDetails(){ this.showDataTable(); setTimeout(this.addHeaders,5000) } 그렇구나showDataTable사용하다axios.get그럼 만들자.showDataTable약속을 어기고 사용하다then방법: displayDetails () { this.showDataTable() .then(data => this.addHeaders(data)) } 언급URL : https://stackoverf..

Vue.js - Vuex: 모듈스토어를 도우미 파일로 Import할 때 액션이 디스패치되는 이유는 무엇입니까? 저는 Vue에서 앱을 만들었습니다.각 모듈은 루트에 대응하며 최상위 컴포넌트(및 다수의 서브 컴포넌트/자녀)를 가진 여러 개의 개별 모듈로 구성됩니다.각 모듈에는 필요한 데이터를 가져오기 위해 컴포넌트의 created() 훅에 디스패치되는 API 콜뿐만 아니라 자체 스토어, 액션, 돌연변이 및 getter가 있습니다. 내 앱의 구조는 다음과 같습니다. 후보들.표시하다 created() { this.$store.dispatch('$_candidates/getAllCandidates'); }, /sys/sys/_store/actions.module import api from '../_api'; c..

돌연변이를 사용하지 않고 Vuex 상태를 직접 변환합니다. react/redux로로 합니다.vue vuex상태를 직접 변환할 수 있으며 상태 변경은 상태를 사용하는 다른 컴포넌트에 반영됩니다. 은 에서는 되어 있습니다.Redux상태를 직접 변환하면 다른 컴포넌트에 변경 내용이 통지되지 않으므로 액션과 리듀서를 사용해야 합니다. 모든 방법은 기본적으로 동일한 결과를 제공합니다. methods: { IncrementDirect () { // mutates the state directly this.$store.state.counter += 2; }, incrementDispatch() { // mutates the state inside actions this.$store.dispatch("handleInc..

(VUE/VUEX) API 호출에서 데이터 가져오기 및 해석에 관한 베스트 프랙티스 API 호출에서 데이터를 가져오거나 구문 분석할 때 베스트 프랙티스에 대한 질문이 있습니다. 옵션 1: 변경된 데이터를 저장하는 가져오기 시 어댑터를 사용한 API 호출 옵션 2: 항상 API 호출의 원시 데이터를 저장하고 적응을 위해 getter에 의존합니다. 주의: 반환되는 데이터 세트는 크므로 원시 데이터를 사용하지 않을 수 있습니다. 코드의 명확성, 심플성 및 퍼포먼스 측면에서 최적의 옵션은 무엇입니까?위에서 설명한 경우, 저는 제안합니다.Option 1에 걸쳐서Option 2. 일반적으로 raw 데이터를 해석하여 스테이트에 저장하는 것(옵션 1)을 권장합니다.raw 데이터를 스테이트에 보존하는 것 외에 gette..

vue/vuex에서 편집 저장 또는 취소 다음과 같은 사용자 데이터를 처리하는 컴포넌트가 있습니다.firstName,lastName입력(텍스트 필드, 커스텀 셀렉트 등)을 통한 등 이 데이터를 저장하는 vuex 저장소가 있으며 구성 요소 필드는 다음과 같이 바인딩되어 있습니다.v-model하게. 이러한 필드를 편집할 수 있도록 하고 싶지만 사용자가 필드 중 하나를 편집하기 시작하면 단추가Save그리고.Cancel표시됩니다. 클릭Save버튼을 클릭하면 변경이 적용됩니다.Cancel는 모든 필드를 편집을 시작하기 전의 상태로 되돌립니다. 이 작업에 대한 베스트 프랙티스/패턴이 있는지 궁금합니다.그게 최선책인지는 모르겠지만, 비슷한 일을 어떻게 해왔는지는 설명할 수 있어요.전 2개의 부동산을 가지고 있어요fo..

vuex의 저장 상태가 localStorage에 저장되지 않는 이유는 무엇입니까? 페이지를 새로 고치면 가게 상태가 모두 사라집니다. 이것은 프로그래밍할 때 매우 불편합니다. 검색해보니 vuex-persist라는 모듈이 있었는데, vuex의 상태를 localStorage에 저장합니다. vuex가 기본적으로 cookie 또는 localStorage에 vuex 상태를 저장하지 않는 이유는 무엇입니까? 그리고 vuex-persist 모듈을 사용하여 매장 상태를 저장하면 부작용이 발생합니까? vuex가 기본적으로 cookie 또는 localStorage에 vuex 상태를 저장하지 않는 이유는 무엇입니까? Vuex는 상태 관리 라이브러리입니다.대부분의 경우 API 또는 데이터베이스에서 상태가 부분적으로 채워집니다..

도우미 기능에서 Vuex 스토어에 액세스하는 방법 vue-axios auth by api_token i의 경우 도우미 파일 api.js를 사용합니다. 오류 발생 - Uncaughed TypeError: 정의되지 않은 속성 'getters'를 읽을 수 없습니다. api.js 도우미가 Vuex $store 글로벌 스토리지를 인식하지 못하는 것 같습니다. 다른 컴포넌트에서는 Import가 필요 없습니다.Vuex 스토리지는 모든 앱에서 사용할 수 있습니다. 이거 어떻게 쓰세요?도우미에 $스토리지가 있습니까? //api.js import axios from 'axios' let api_token = this.$store.getters.get_api_token //got error! export function g..

Vue + Vuetify에서 스낵바를 글로벌 구성 요소로 사용 스낵바 컴포넌트를 작성하려고 합니다.vue를 사용하여 BaseTemplate에 구현할 수 있습니다.다른 라우터 뷰 컴포넌트를 참조하는 메인메뉴가 있는 경우 이것은 Base Component가 됩니다.뷰 {{ item.icon }} {{ item.title }} Title {{ textSnackBar }} de User Component에서 사용하려고 합니다.표시하다 OVERLINE Headline 5 Greyhound divisely hello coldly fonwderfully Button 내 앱.js는 이거야. import App from './components/BaseTemplate.vue' const app = new Vue({ el..

VueJS 두 매개 변수를 Vuex 작업에 전달하는 방법 Remove 두 개의 매개 변수를 내 액션에 전달하고 있어. from TheCart. removeFromTheCart({ commit }, payload) { console.log("rooooooohhhhhoooow",payload) vuex 저장소에 내 페이로드를 기록할 때 인덱스만 출력한다.내 두 번째 파라미터는 출력되지 않았다. 작업을 통해 두 개의 매개 변수 값을 얻는 방법다음과 같이 물체를 페이로드로 보낼 수 있다. Remove 그리고 저장소에 있는 데이터를 가져오십시오. removeFromTheCart({ commit }, { index, price }) { console.log('index', index, 'price', price);..