abcjava

vuetify 데이터 테이블 및 json 개체에서 가져온 바인딩 데이터 새로운 문제가 생겼어요.제가 이런 JSON을 가지고 있다고 가정해 보겠습니다. { "games": [ { "players_in_game": [ { "id": 1, "player": { "id": 1, "player": "Jack Bauer", "email": "j.bauer@ctu.gov2" } }, { "id": 2, "player": { "id": 2, "player": "Chloe O'Brian", "email": "c.obrian@ctu.gov" } } ] }, ] 제 생각은 이 데이터의 일부로 표를 만들기 위해 vuetify를 사용하는 것입니다.따라서 데이터 반환에서 이미 헤더를 초기화했고 항목은 이미 Getter를 통해 이..

vuex 상태가 변경 시 UI를 업데이트하지 않음 vue2를 vue3 프로젝트로 변환하는 중에 vuex 스토어의 개체가 업데이트될 때 UI가 업데이트되지 않습니다.내 스토어를 만드는 방법은 다음과 같습니다. store/index.js import {mutations} from './mutations'; import {createStore} from 'vuex' export default createStore({ state() { return { ... } }, mutations }); 돌연변이.js export const mutations = { narrative(state, v) { state.narrative = v; } }; app.js import { createApp } from 'vue'; i..

Vue.set /Vue.delete 대신 Vue.js 스프레드 연산자 나는 반응성을 유지하면서 객체 속성을 추가/제거하기 위해 스프레드 연산자를 사용하고 싶습니다. Vuex 변환에서는 다음과 같이 작동합니다. Vue.set(state.sportTypes.sports, sportName, sportProperties) 하지만 저는 스프레드 연산자를 사용하고 새로운 객체를 반환하고 싶습니다.어떻게 하면 다음을 달성할 수 있습니까? state.sportTypes.sports = {...state.sportTypes.sports, {sportName: sportProperties}} 다음의 브래킷을 제거해야 합니다.{sportName: sportProperties} 이렇게 하면 됩니다. state.sportTy..

Nux.js Vuex 모듈이 예상대로 작동하지 않음 Nux의 Vuex를 모듈에 사용하는 것에 문제가 있습니다. 밝혀진 바에 따르면state선언되고 Vuex에 표시되며 작업이 트리거되지만mutation를 변경합니다.stateVuex devtools 콘솔의 Vuex 모듈 코드 아래에 표시되지 않으므로 변경 사항을 커밋하거나 이벤트를 트리거하지 마십시오. 참고: 두 가지 모두에서console.log()첫 번째 상태는 선언된 대로 비어 있고 두 번째 상태는 변경되었지만 Vuex에는 변경 내용이 실제로 반영되지 않습니다. export const strict = false export const state = () => ({ address: {} }) export const mutations = { setShopA..

Vuejs 및 Vuex 작업 - 상태 코드 422로 요청 실패 저는 Laravel 5.5, Vue 2, Vuex로 시스템 코멘트를 작성하고 있습니다.댓글을 달 수가 없어요.콘솔에 두 가지 오류가 있습니다. 유형 오류: this.addComment가 함수가 아닙니다. 오류: 상태 코드 422에서 요청 실패 내 코드는 다음과 같습니다. import { addComment } from '../../store/actions' export default { computed: { addComment }, vuex: { actions: { addComment } }, data () {...}, methods: { sendComment: function () { this.addComment({ commentable_i..

제목별 검색 입력이 다시 비어 있을 때 초기 배열을 시각화하는 방법은 무엇입니까? 입력 필드에서 제목별로 작업관리 항목을 검색하고 검색 입력을 비워 두면 작업관리의 초기 배열이 다시 렌더링될 것으로 예상됩니다.if 스테이트먼트로 달성하려고 했지만, 작동하지 않고 처음 작업관리 목록이 아닌 이전에 검색한 작업관리 항목만 렌더링됩니다.나는 if 문이 최선의 접근법인지 확신할 수 없습니다. https://stackblitz.com/edit/nuxt-bootstrap-vue-dynamic-img-bkwixg?file=pages%2Findex.vue,store%2Findex.js,components%2FTask.vue // Child component Search // Store export const state..

VueX: 모듈로 상태를 중첩하지 않습니까? 저는 VueX 모듈을 사용하여 데이터를 분리하는 것을 좋아합니다. 데이터 집합이 많을 때 추론을 훨씬 쉽게 할 수 있기 때문입니다.하지만 상점 상태에서 중첩된 개체라고 해야 하는 것은 싫습니다. 모듈의 현재 작동 방식은 다음과 같습니다. 연락처 Data.js: export const contactData = { state: { contactInfo: null, hasExpiredContacts: false }, mutations: { updateContactInfo(state, data) { state.contactInfo = data; }, updateExpired(state, data) { state.hasExpiredContacts = data; } } ..