prostudy

Vuex 모듈을 올바르게 로드하는 방법 나는 그것들을 이런 식으로 등록하려고 노력한다. 전화할 때store.state['CHAT_BASE'].someData정의되지 않은 값을 얻으려다 오류를 던지다 정적 수입으로 모든 것이 작동한다. vuex 파일 import Vue from 'vue'; import Vuex from 'vuex'; import createLogger from 'vuex/dist/logger'; Vue.use(Vuex); const enableLogger = false, /* You can do this: process.env.NODE_ENV !== 'production' */ store = new Vuex.Store({ strict: false, plugins: enableLogger ..

Vuex 스토어에서 Axios 예외를 포착하여 Vue.js 메서드에 저장 vuex 스토어에서 axios 예외를 포착하여 vue.js 메소드에 버리는 방법 ? 나의 목표는 이 예외를 다음과 같은 계산된 값을 재설정할 수 있도록 하는 것이다.input사용.this.$forceUpdate(). 내 방법으로는 다음과 같은 것이 있다. methods: { mymet: _.debounce( function(table, id, key, event) { const value = event.target.value; this.$store.dispatch('UPDATE_TRANSACTIONS_ITEM', { table, id, key, value }).then(response => { event.target.classLis..

활성 항목의 스타일링(vue.js) 나는 vue.js를 처음 접하는 편인데, 현재 목록 그룹의 특정 항목을 스타일링하려고 하고 있다.내 애플리케이션은 메인 내비게이션, 사이드 메뉴, 메인 콘텐츠 섹션으로 구분된다.목록 그룹에서 항목을 클릭하면 클릭된 항목이 강조 표시되고 기본 내용이 변경될 수 있다.콘텐츠 변경은 잘 되지만 리스트에 있는 아이템을 스타일링하느라 힘들어.사이드 메뉴의 구성 요소 코드는 다음과 같다. {{item.title}} 내가 아이템을 가져오는 '아이템' 어레이는 vuex 매장에 저장되어 있고 모든 것에 접속하는 것은 잘 된다.목록 그룹의 개별 항목을 "활성화"로 설정할 수 있다는 것을 알지만, 각 구성을 사용하여 배열에서 항목을 가져오는 중이므로, 내 경우 어떻게 해야 할지 알 수 없..

여러 하위 구성 요소에서 데이터 수집 Vue js 나는 지금 며칠 동안 아이 부품에서 데이터를 어떻게 잡을지 고민하느라 머리가 깨지고 있어. 상황은 이와 같다. 나는 한 부모 구성요소가 있다.Post여기서 사용자는 날짜, 제목, 설명 및 여러 인스턴스를 포함할 수 있는Event구성 요소들 Event구성요소에는 제목, 설명, 참석자와 같은 필드가 있다. 사용자가 여러 개를 추가할 수 있어야 함Event구성 요소: 즉, 여러 구성 요소가 있는 경우Event의 범위 내에서Post구성 요소 그래서 어떻게 구성 요소를 구성하여 여러 가지 구성 요소를 갖추는지 알 수 없다.Event내 안에 있는 물건들Post나중에 API로 보낼 수 있는 구성 요소. 의 구조post내가 필요한 것은: // Post.vue { "da..

vueJS 계산 필터 루핑이 너무 많음 내 데이터에 필터 몇 개를 만들고 있다. computed: { ...mapState({ myNodes: (state) => state.myNodes, configPositions: (state) => state.configPositions, }), nodes_filtered: function () { return this.myNodes.filter((nodes) => { return nodes.deleted == false }) }, positions_filtered: function () { return this.configPositions.filter((positions) => { return this.nodes_filtered.some((node) => { p..

vuex 저장소의 app.config.globalProperties 액세스 이런 푸렉스 가게가 생겼어 const state = { status: '', }; const getters = { //... }; const actions = { // ... }; const mutations = { // ... }; export default { namespaced: true, state, getters, actions, mutations, } 이제 액세스하고 싶다.app.config.globalProperties.$notify Vue.js2에서 나는 다음과 같은 것을 사용하고 있었다.Vue.prototype.$notify하지만 이건 더 이상 작동하지 않아. $notify또한 다음과 같이 제공된다. app.use..

로그인하지 않은 경우 글로벌 사이드바 제거 방법(vuetify) 로그인 및 등록 페이지에서 사이드바(메뉴)를 제거하고 싶다.하지만 이 사이드바는 글로벌해서 숨길 수가 없어.사이드바 파일 자체에 사용자가 쿠키처럼 연결되어 있는지 확인할 수 있는 방법이 있는가? 나는 vuex와 vuetify와 라우터를 사용하고 있다. 사실은 사용자 요청 내에 데이터가 없으면(연결되지 않음) 사이드바를 표시할 수 없기 때문에 내 사이드바가 충돌한다는 것이다. computed: { ...mapGetters(['getUserData']), //It's null when not logged in 요청하기 전에 사용자가 연결되어 있는지 확인하고 싶으므로 계산 방법에서 mapGetters를 제거하고 나중에 해야 하는데, 아니오? 대답..

Composition API(Vue 3)에서 Vuex 게터를 보는 방법 내 지원서의 상태는 구성 요소가 로드된 후 로딩되는 것 같아, 그래서 내 생각은 상태 파악을 하는 것이었다.하지만 컴포지션 API에서 Vuex 게이터를 보려면 어떻게 해야 할까? 내 상태 & getter: state: () => ({ companies: [], }), getters: { getAvailableCompanies(state) { return state.companies } }, [...] } 내 모듈에서 스토어를 가져오는 경우: import { store } from '@/store/store.js' 그리고 내 구성 요소의 설정() 함수에 있는 게터 값을 구하십시오. const companies = ref(store.ge..

Vuex mapState 기능에 유형을 제공하는 방법 내 Vuex 구성 요소에서 Typecript를 사용 중이며 다음 매핑 기능에 유형을 제공하려는 경우mapState. 직감적으로 이렇게 썼다. @Component({ computed: { ...mapState( MY_NAMESPACE, { fooIndex: ( state: MyModel ) => state.values.indexOf('foo') }) // more computed props here } }) export default class MyComponent extends Vue {} 이 작업은 과거에 수행되었지만 종속성을 업그레이드한 후 더 이상 작동하지 않고 오류가 발생함No overload matches this call. Overload ..

Vuex Store는 콘솔 또는 클라이언트 브라우저에서 액세스할 수 있는가? 이 Vue 2 앱을 만들고 있는데, 처음에는 Vuex State 매니지먼트를 사용해야 한다고 계속 읽었는데, 처음에는 컨셉을 잘 이해하지 못했는데, Vue를 가지고 놀다 보니 더 큰 앱으로서는 가장 좋은 것 같아. 그러나 내 질문은 Dev 콘솔이나 어떤 형태로든 저장소에 저장된 데이터에 액세스할 수 있다는 것이다.js, 내가 브라우저에 렌더링하지 않는 데이터? 중요한 데이터를 저장소에 보관할 수 있는가? 사용자가 이 링크를 클릭하거나 이 사용자에게 메시지를 보내고 이 페이지에서 많은 시간을 할애하는 등...그리고 그 동안 이 모든 데이터를 내 db에 업로드.. Vuex 스토어는 이런 종류의 일을 위한 것인가? 건배.아니 그들은 ..