sourcetip

vuex 또는 redux의 코드에 영향을 미치는 UI 측을 배치할 위치를 지정하십시오. 서드파티제의 Webrtc 라이브러리를 사용하여 비디오 콜 기능을 구현하고 있습니다. 라이브러리에는 "스트림" 개체를 가져오기 위한 API가 있습니다.(라이브러리에서 전화를 통해) 받으면 전화할 수 있습니다.stream.showInElement("#someElement")페이지에 표시할 수 있습니다. 이 코드 조각이 Vuex에 어떻게 들어가는지 궁금합니다.어디에 배치하면 좋을까요? 첫 번째 옵션은 액션 내부에 있습니다.그러나 이상적인 동작은 컴포넌트와 완전히 분리되어야 합니다. 또 다른 방법은 스트림 오브젝트를 가게에 보관하는 것인가요?하지만 복잡한 물건을 보관해도 될까요?redox에서는 Object.assign({})..

Vuex에서 Vuetify 탐색 드로어가 표시되지 않음 햄버거 메뉴를 클릭해서 Vuetify 내비게이션 드로어를 열려고 합니다.지금까지 앱 컴포넌트에는 2개의 하위 컴포넌트가 있습니다.그리고.. Navbar.vue: ... Drawer.vue: John Leider {{ item.icon }} {{ item.title }} 나의navbar.module.js는 다음과 같습니다. const state = { sideBarOpen: false, }; const getters = { g_sideBarOpen(state) { return state.sideBarOpen } }; const actions = { toggleSideBar({ commit }) { commit('toggleSideBar'); }, };..

v-model과 Vuex 스토어를 우아하게 사용하는 방법 v-model 및 vuex 스토어를 사용할 수 있는 깨끗한 방법을 찾습니다. Vuex는 여러 도우미 방법을 제공하지만 v-model과 함께 사용할 경우 다소 번거롭습니다. 현재 v-model과 모듈화된 스토어를 사용하는 방법은 다음과 같습니다. computed: { type: { get() { return this.$store.state.mymodule.type; }, set(newValue) { this.$store.dispatch('mymodule/setType', newValue) } } 이것은 효과가 있지만, 나는 보일러 플레이트 코드를 피하기 위해 vuex 도우미의 이익을 얻는 것이 더 낫다는 것을 알았다.$store, 모듈명 등) 네, ..

C에서 바이트 배열을 16진수 문자열로 변환하려면 어떻게 해야 합니까? 다음과 같은 것이 있습니다. uint8 buf[] = {0, 1, 10, 11}; printf를 사용하여 문자열을 인쇄할 수 있도록 바이트 배열을 문자열로 변환합니다. printf("%s\n", str); (콜론은 필요 없습니다)를 취득합니다. "00:01:0A:0B" 어떤 도움이라도 주시면 감사하겠습니다.printf("%02X:%02X:%02X:%02X", buf[0], buf[1], buf[2], buf[3]); 보다 일반적인 방법: int i; for (i = 0; i 0) printf(":"); printf("%02X", buf[i]); } printf("\n"); 문자열에 연결하려면 몇 가..

Vue __ob_ 속성이 개체에 있고 json 구문 분석 오류를 생성합니다. Nuxt/Vue/Vuex 앱에 문제가 있어__ob__관찰할 수 있는 특성은 침묵하기보다는 실제로 내 물체에 존재한다.이 {lastname: "sfgsfdgsdfgs", __ob__: Observer} 아래 스크린샷: 내 길이Object.keys는 2이므로 API 콜에 전달되어 JSON 해석 오류가 발생합니다. 오브젝트의 필드 중 하나가 갱신되었는지, 갱신된 필드 및 값을 사용하여 오브젝트를 작성하는지 여부를 비교하기 위해 전송 작업을 수행합니다.API에 대한 패치 요청을 실행하기 위한 것입니다. 이 코드 중 일부는 이전 개발자에 의해 작성되었습니다.양식 필드는 직접 상태에 바인딩됩니다. 이 있습니다.contact객체, 즉 계산된..

[Vue warn] :방향 교차 바인딩 해제 후크 오류: "TypeError: 정의되지 않은 속성 'observer'를 읽을 수 없습니다" 왜 이 메시지가 표시되는지 알 수 없습니다.버튼을 클릭했을 때만 표시되며, 다음으로 리다이렉트 됩니다.router.push페이지로 이동합니다. [Vue warn] :방향 교차 바인딩 해제 후크 오류: "TypeError: 정의되지 않은 속성 'observer'를 읽을 수 없습니다" 문제가 어디에 있는지 알 수 없기 때문에 라우터와 구조를 나타냅니다. 그건 그렇고.Streamers는 이 페이지가 아닌 다른 페이지입니다(아래의 루트 체크). 좀 도와 줄래요? 구조. App.Vue -> 대시보드.Vue -> Streamer Detail.뷰 App.Vue 대시보드뷰 Home..

VUEX의 가치를 얻는 방법 뷰엑스 store/modules/cafes.js import CafeAPI from "../../apis/cafe.js"; export const cafes = { //status = 0 -> 数据尚未加载 //status = 1 -> 数据开始加载 //status = 2 -> 数据加载成功 //status = 3 -> 数据加载失败 state: { cafe: {}, cafeLoadStatus: 0, cafes: [], cafesLoadStatus: 0, // 添加cafe 的数据状态 cafeAddStatus: 0, }, actions: { // 载入coffe馆列表 loadCafes({ commit }) { commit("setCafesLoadStatus", "1"); CafeAPI...

Vuex Electron:변환 커밋 시 예외 저는 Vue와 Vuex를 사용하여 Electron 앱을 만들고 있습니다. 저희 가게는 다음과 같습니다.counter.js): const state = { main: 5 }; const mutations = { // synchronous tasks INCREMENT_MAIN_COUNTER (state) { state.main++; } }; const getters = { count: (state) => { return state.main; } }; export default { state, getters, mutations } 나의 Vue 컴포넌트는 다음과 같습니다(LandingPage.vue): {{count}} Increment counter 버튼을 클릭하여..

내 구성 요소에서 작업에 의해 반환된 값을 사용할 수 없습니다. 내 저장 작업은 구성 요소에서 해당 작업을 호출할 때 확인할 값을 반환합니다.하지만 무슨 이유에선지, 내가 얻는 건undefined내가 실제로 어떤 행동에서 돌아오고 있는 그 어떤 가치들 대신에 말이야. 왜요? 저장 작업: export const actions = { async initialize ({ state, commit, dispatch }) { await this.$axios.get('myEndpoint') .then((res) => { return true }).catch((error) => { return false }) } } 컴포넌트 코드: async mounted () { const initializeResult = awa..

정수 나눗셈:어떻게 더블을 만들죠? 이 코드 블록의 경우: int num = 5; int denom = 7; double d = num / denom; 의 가치d이0.0. 캐스팅을 통해 강제로 작동시킬 수 있습니다. double d = ((double) num) / denom; 하지만 다른 방법이 있을까요?double결과?무슨 일이 일어날지 모르는 원초적 요소를 캐스팅하는 건 싫어요.double num = 5; 그러면 깁스를 피할 수 있습니다.하지만 배역 전환이 명확하다는 것을 알게 될 것이다.추측할 필요 없이 JLS를 확인하세요. 두 배로 확대되는 변환입니다.§ 5.1.2부터: 기본 변환을 확대해도 숫자 값의 전체 크기에 대한 정보가 손실되지 않습니다. [...] int 또는 long 값을 float로..