goodsource

vuex 저장소에 바인딩된 Vue 3 확인란이 선택 해제된 후 확인되지 않음 true/false 확인란이 있는 양식 구성 요소가 참/거짓이어야 합니다.양식은 vuex 저장소에 바인딩됩니다. 초기값을 true로 설정하면 로드 시 체크됩니다.그러나 이 체크박스를 끄면 값이 "On"으로 변경되어 다시 확인할 수 없습니다. Inventory Item? My Vuex 스토어: export const state = { workingProductData: { product_inventory_item: true, //This value is changed to "on" when the checkbox is clicked //The check box will no longer check after it is unchec..

vuex 변환이 DOM을 업데이트하지 않음 개체를 기준으로 목록을 렌더링하고 있습니다.돌연변이를 통해 이 물체에 새로운 요소들을 추가하고 있습니다.내가 이걸 기록할 때.$store.state.myObject to console, 업데이트 중임을 알 수 있습니다.그러나 내 목록은 업데이트되지 않았습니다. 사실 저는 운이 좋아서 제 돌연변이에 아래의 코드 행을 추가하여 이 문제를 해결했습니다.(DOM 업데이트에 도움이 된다는 것을 알게 되었습니다.) 하지만 이것이 좋은 해결책인지 알고 싶습니다. state.realms = Object.assign({}, state.realms) 여기 내 모든 돌연변이가 있다. addToRealms: (state, val) => { var id = val.id var real..

URL을 변경하지 않고 WebApp을 vue-i18n으로 변환 i18n의 최선의 실장은 무엇입니까?웹 앱용이기 때문에 로케일에 따라 URL을 갱신하고 싶지 않습니다. nuxt framework를 사용하고 있기 때문에 nuxt-i18n을 조사했는데 URL을 업데이트하지 않고는 불가능합니다.nuxt.config.ts/ts의 경우 i18n: { ... strategy: 'no_prefix', ... } 로케일을 변경하려면 다음과 같이 사용합니다. changeLocale() { this.$i18n.setLocale(this.$i18n.locale === 'en' ? 'tr' : 'en') } 저는 간단한 예를 만들려고 했지만, 우리는 여전히 개선할 수 있습니다. 이 방법에서는 패스 대신 쿠키를 사용하려고 했습니..

Vue - 마운트 전 시간에 데이터가 계산되지 않음 Vue를 배우고 있는데 계산된 메서드에서 정의되지 않은 데이터가 반환되는 문제가 발생했습니다.데이터가 컴포넌트를 마운트할 때까지 계산되지 않는 것 같습니다.아마 get request - raping my.this.render()에 있어서setTimeout는 데이터를 올바르게 반환합니다.타임아웃을 설정하는 것은 분명 현명하지 않습니다.베스트 프랙티스를 위해서 어떻게 하면 좋을까요? Home.vue export default { created() { this.$store.dispatch('retrievePost') }, computed: { posts() { return this.$store.getters.getPosts } }, methods: { ren..

Nuxt Vuex 저장소에 알 수 없는 작업 유형 vuex에서 작업을 호출하는 데 문제가 있습니다.loginUser 작업에 액세스하려고 할 때마다 vuex에서 '알 수 없는 작업 유형' 오류가 표시됩니다. 아마도 이 작업을 올바른 방식으로 부르지 않은 것 같습니다.제 코드에 무슨 문제가 있는지 알려주세요. 스토어: user.display import axios from 'axios' export const state = () => ({ users: [], loggedIn: false, }) export const getters = { getLoggedIn: (state) => { return state.loggedIn }, } export const actions = { loginUser({ commit..

Vuex getter가 비동기 작업과 함께 null을 반환하고 있습니다. 저희 가게의 코드는 다음과 같습니다. export default { state:{ }, actions : { loadData ({commit}){ const response = await axios.request({url:'http://mydata.com/data',method:'get'}); commit('setData', response.data); console.log("Value set", response.data); } }, mutations: { setData(state,data){ state.names = data.names; state.values = data.values; } }, getters: { getNames..

Vuex 모듈 초기화 모범 사례 (추가 배경 포함) Vuex 스토어 모듈은 시작 시 데이터를 자동으로 로드해야 하므로 요청 시 사용할 수 있습니다(이 경우 시작 시 전자 설정에서 데이터를 로드하는 '설정' 스토어입니다만, 이러한 스토어가 필요한 이유는 여러 가지가 있습니다. 지금 저는 제 스토어 모듈에 특별한 'init' 액션을 설정하고 그것을 Main에서 디스패치함으로써 이것을 달성하고 있습니다.다음과 같이 '마운트된' 라이프 사이클 훅의 vue 구성 요소: mounted() { this.$store.dispatch('initSettings'); } 내가 원했던 것은 모듈이 단순히 초기화할 수 있는 방법이었다.이상적으로는 내 컴포넌트의 '마운트' 후크와 비슷하지만 vuex 스토어 모듈 내에서 트리거되는..

검색 중인 항목은 이전 결과에 따라 다릅니다. 나는 Vue에 꽤 처음 와서 최근에 Vue를 파고들었다.API를 통해 검색하려고 합니다.초기 검색은 의도한 대로 작동합니다.그러나 다른 조회를 사용하여 검색을 수행할 경우 이전에 반환된 항목만 검색합니다. 예를 들어 've'를 검색하면 예상대로 'Vettel'과 'Verstapen'이 모두 반환됩니다.그러나 이전에 반환된 문자가 없는 문자를 검색해도 아무것도 표시되지 않습니다(예: 나중에 해밀턴을 검색할 때 'ham'이 반환되지 않습니다). 돌연변이를 수정해봤는데 어디가 잘못됐는지 모르겠어요 컴포넌트는 다음과 같습니다. Current Standings Position Driver Name Nationality Team Wins Points {{standing..

vuex를 사용하는 vue/axios에서 글로벌 http 응답 오류 처리 VueJS SPA에서 림보 상태가 발생하는 동작을 수정하려고 합니다.앱은 JWT가 이미 만료된 것을 알지 못하기 때문에 사용자가 아직 로그인한 것처럼 표시됩니다.예를 들어, 이는 최대 절전 모드 이후에 발생할 수 있습니다. 이러한 사용자는 API에 대한 모든 요청을 계속 할 수 있지만, 최종적으로는401응답(올바른 응답) 글로벌 핸들러를 원합니다.401응답합니다.(이는 "vuex에서 사용자 관련 모든 것을 지우고 사용자가 게스트인 것처럼 로그인 폼팝업 등을 통해 페이지를 표시"하는 것입니다).그렇지 않으면 모든 요구에 대해 401 핸들러를 작성해야 합니다. 공리에 반응 가로채기를 추가할 수 있고, 잘 작동합니다.그러나 이 요격기들은..

단일 vuej 프로젝트에서 여러 소켓을 연결하는 방법 import VueSocketIOExt from 'vue-socket.io-extended'; import { io } from 'socket.io-client'; const socket = io('http://localhost:3200/'); const socket1 = io('http://localhost:3100/'); Vue.use(VueSocketIOExt, socket); Vue.use(VueSocketIOExt, socket1); 위의 코드를 사용해 보았습니다.하지만 소켓만 작동합니다.양쪽 소켓을 동시에 접속할 수 있습니까?Vue.use(VueSocketIOExt, socket1)우선할 수 있습니다.Vue.use(VueSocketIOExt..