goodsource

Vuex 비활성 mapGetters(인수가 전달됨) 스토어에 다음과 같은 인수를 전달하는 getter가 많이 있습니다. this.$store.getters['getSomeThing'](this.id) 그리고 최적의 사용법을 찾을 수 없습니다.mapGetters인수의 전달을 통해 반응성을 유지할 수 있습니다.제가 찾은 제안 중 하나는 getter를 매핑하고 인수를 mounted로 전달하는 것입니다. computed: { ...mapGetters([ 'getSomeThing' ]) }, mounted () { this.getSomeThing(this.id) } 마운트된 상태에서 상태 변경만 확인할 수 있기 때문에 실제로는 최적이 아닌 것으로 보입니다.논쟁을 게터에게 전달하면서 반응성을 가장 잘 유지하는 방법..

img src에 대해 Vue JS 데이터 바인딩이 작동하지 않음 vue 2와 vue-cli 3을 사용하고 있습니다.태그의 src를 데이터 변수에 바인드하려고 합니다. 구체적으로는, 다음과 같이 하고 있습니다. export default { name: "home", components: {}, data() { return { locale: locale // 'en' }; } } 바인딩은 기능합니다. Chrome 개발자 도구를 사용하여 네트워크 액티비티를 조사하면 바인딩이 기능하는 것을 알 수 있습니다. http://localhost:8080/time-syson-en.png 그러나 리소스를 찾을 수 없습니다. 하드 코드에서 데이터 바인딩을 제거할 경우 과정 경로는 다음과 같습니다. Vue는 이미지를 검색할 ..

VueJs/NuxtJs에서 Axios 메서드를 동적으로 호출하는 방법 코드를 최적화하려고 합니다.따라서 동적으로 Axios 함수를 사용하지만 반환된 응답은 보류 중입니다.console log사용하고 있습니다.async/await누구라도 날 도울 수 있어 코드는 다음과 같습니다. methods: { getAgentsNames() { const data = this.callAxios('get', `/getAllAgents`) console.log(data) // returns pending this.agents = data.listings }, async callAxios(method, url, paramsBody = null) { try { const response = await this.$axios({..

바이트 어레이를 문자열로 변환하거나 그 반대로 변환하는 방법 Android에서 바이트 배열을 문자열로 변환해야 하는데 바이트 배열에 음수 값이 포함되어 있습니다. 이 문자열을 다시 바이트 배열로 변환하면 가져올 값이 원래 바이트 배열 값과 다릅니다. 적절한 변환을 하려면 어떻게 해야 하나요?변환에 사용하는 코드는 다음과 같습니다. // Code to convert byte arr to str: byte[] by_original = {0,1,-2,3,-4,-5,6}; String str1 = new String(by_original); System.out.println("str1 >> "+str1); // Code to convert str to byte arr: byte[] by_new = str1.ge..

c11에서의 멀티스레딩 지원 새로운 C11 규격은 멀티스레딩을 지원합니다. 나의 질문은 조금 다양하지만 확실히 대답할 수 있다. C11 n1570 초안을 보았습니다. 다음과 같이 되어 있습니다. 향상된 메모리 시퀀싱 모델, 원자 객체 및 스레드 로컬 스토리지를 포함한 여러 스레드 실행 지원(그리고.) 향상된 메모리 시퀀스 모델은 무엇입니까?c99 Standard와 달라진 점 표준에서 인용하는 것만으로 끝나는 것이 아니라, 그 의미를 깊이 파고들어 설명해 주셨으면 합니다. C11은 다음을 지원합니다. 스레드 작성 및 관리 뮤텍스 조건부 변수 스레드 고유의 스토리지 및 원자 객체 내가 놓친 게 없었으면 좋겠는데? 스탠다드 라이브러리 자체가 멀티스레딩에 필요한 모든 기능을 제공하고 있기 때문에 앞으로는 POS..

vuex-module-decorator와 @nuxtjs/auth를 함께 사용할 때 오류 발생 nuxtjs를 typescript와 함께 사용하고 vuex-module-decorator를 사용하지만 추가 시 오류가 발생합니다.@nuxtjs/auth할 수 있습니다. Uncaughed(약속되지 않음) 오류: ERR_STORE_NOT_PROVIDED: getModule()을 사용하려면 모듈을 데코레이터(@Module({store:store})에 저장하거나 getModule()을 호출할 때 저장해야 합니다.$store) 이 오류는 Action을 호출할 때 발생합니다. 언제@nuxtjs/auth모듈에서는 괜찮습니다. 스토어/index.ts import { Store } from "vuex"; import { init..

라우터 가드에서 vue-module execute graphql 쿼리 이벤트에 가입할 수 있는 어플리케이션을 가지고 있습니다.가입 후 바로 이용할 수 없었던 루트를 방문할 수 있습니다. API 요청에 graphql을 사용하고 있습니다.루트 가드 코드는 다음과 같습니다. router.beforeEach(async (to, from, next) => { if (to.meta.signUpRequired && from.name) { const { data: { getCurrentUser } } = await apolloProvider.defaultClient.query({ query: USER_INFO_QUERY }); if (getCurrentUser && getCurrentUser.isCollectionAt..

Vue 3 - inject()는 설정 또는 기능 컴포넌트 내에서만 사용할 수 있습니다. 왜 이런 오류가 발생하는지 이해할 수 없습니다.Vuex 스토어를 컴포지션 함수로 사용하려고 하는데 주입에 대한 오류가 계속 발생합니다(인젝트도 사용하지 않습니다).내 앱은 백엔드에 대기 API 호출을 하고 오류가 발생하면 내 구성 함수를 호출합니다. [Vue warn]: inject() can only be used inside setup() or functional components. inject @ runtime-dom.esm-bundler-9db29fbd.js:6611 useStore @ vuex.esm-bundler.js:13 useErrorHandling @ useErrorHandling.js:5 check..

v-model vuej 대신 v-bind 및 v-on 사용 폼에서 입력을 처리하기 위해 v-model을 사용했는데, 소품 값을 바인딩하기 위해 변경해야 했습니다. 처음에 입력은 다음과 같았습니다. 그리고 지금 보면 modelData소품을 입고 옵니다.그리고 그것은 가지고 있다username. 모형을 사용하는 경우data, 나는 정의했다. data: () => { return { username: "" } }, 잘 되고 있었는데 이렇게 바꾸고 나서v-bind그리고.v-on, 제 질문은 이제 어떻게 하면 이 가치를 얻을 수 있는가 하는 것입니다.username방법에서요? 예전처럼, 나는 그것을 얻고 있었어요.this.username값을 가져오고 클리어할 수도 있지만, 이제 사용자 이름을 얻는 방법은 meth..

앱 실행 중 Vue.js 라우터에 경로 추가 현재 앱을 만들고 있는데 이 앱에 확장 기능을 추가하고 싶습니다.이러한 확장에는 독자적인 Vue 컴포넌트와 뷰가 있어야 합니다(따라서 라우팅도 필요합니다).앱을 재구축하는 것이 아니라 새로운 뷰와 경로를 동적으로 추가하고 싶습니다.Vue 2에서 그렇게 할 수 있는 좋은 방법이 있나요? 아래에는 이 질문을 좀 더 이해하기 쉽게 하기 위한 파일을 추가했습니다.그router/index.js기본구조가포함되어 있습니다.main.js보통대로 줄서다의 로드 중app.vue새로운 루트를 로드하여 기존 루트에 추가해야 합니다. 라우터 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../vi..