cyworld

Object.assign 없이 mapActions 오류 사용? x.vue 파일 methods: { ...mapActions([ 'fetchTopicVideo', ]), } 에러가 발생하며 에러 정보는 다음과 같다. ERROR in ./~/buble-loader!./~/vue-loader/lib/selector.js? type=script&index=0!./src/components/CardList.vue Module build failed: 43 : // }, (res) => { 44 : // console.log('query error') 45 : // }) 46 : }, 47 : methods: { ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^..

데이터 변수에서 Vue-stash 반응성이 작동하지 않음 나는 Vue-stash를 Vuex의 대안으로 사용하고 있다.Vue-stash 자체는 반응적이다.그러나 데이터 변수 내에서 이 변수를 사용하면 해당 변수가 변경되지 않음 {{id}} // not reactive Vue 인스턴스의 데이터 속성은 인스턴스화 시 한 번만 설정된다. 만약 당신이 그것을 원한다면id항상 의 가치를 반영하다this.$store.id, 계산된 속성을 사용해야 함: export default { computed: { id() { return this.$store.id; } } } 참조URL: https://stackoverflow.com/questions/47016051/vue-stash-reactivity-not-working-..

Nuxt 및 Jest를 사용한 Vuex 스토어 테스트에서 이.app 및/또는 주입된 플러그인에 액세스하는 방법 Vuex 스토어 액션에서는 $alert 속성을 주입하는 이 .app.router와 Nuxt 플러그인을 사용하고 있다. 내가 Jest와 함께 Vuex 스토어를 테스트하려고 할 때 두 속성이 모두 정의되지 않았기 때문에 테스트가 계속 실패한다. 나는 여기서 설명한 것과 같은 자바스크립트 함수로 게터, 돌연변이, 행동을 따로따로 시험하고 있다. 따라서 Vue 테스트 Utils 또는 Vuex를 사용하지 마십시오. 아무 효과 없이 이미 시도한 것: 새로운 것을 설치하다Vuex.Store그리고localVu에서 e.vue-test-utils. 속성 앱으로 전역 변수 설정 및$alert시험 전에 // acti..

Vuex 상태 변경으로 인해 구성 요소가 다시 렌더링되지 않음 인증에 따라 조건부 렌더링이 있는 탐색 모음이 있음: drac1 Home Config Hello, {{ username }} THE 값loggedIn조건부 렌더에 의존하는 것은 다음에서 변경된다.false로true사용자가 로그인한 경우.하지만, 그router-link사용자 이름 탐색 텍스트뿐만 아니라 항목도 표시되지 않는다. 왜 상점 상태의 변화는 이 경우에 항해봉의 갱신을 촉발하지 않는가? 변경 내용을 반영하려면 계산된 속성을 사용해야 한다. export default { name: 'topnavbar', data () { return { } }, computed: { username(){ return this.$store.state.use..

vue 인스턴스의 websocket.onmessage 메서드를 호출하는 방법 바닐라 웹세트에서 메시지 기능을 갖도록 vue 응용프로그램을 설정하여 socket.io 등이 아닌 수신 메시지 부분은 서버가 클라이언트에게 메시지를 전달하면 보통으로 호출되지 않기 때문에 나를 혼란스럽게 한다.다음은 내가 본질적으로 하고 싶지만 에서 허용되지 않는 것이다.methods또는computed특성. this.$store.state.SocketModule.webSocket.onmessage = function (msg) { this.$store.dispatch('SocketModule/onmessage', msg) // handle the msg in vuex } 그러니 내가 이런 일을 해야 한다. computed: { ..

index.html에서 Vue.js 3 인스턴스로 메시지를 보내는 방법 그래서, Vue를 상상해보라.index.html일부 사용자 지정 스크립트도 로드: 에서 실행 중인 Vue 인스턴스 또는/및 Vuex와 통신할 수 있는 방법이 있는가?index.html파일? 예를 들어 "로드 중...대본이 완전히 로드될 때까지. 한 가지 방법은 서비스 노동자에게 메시지를 보낸 다음 서비스 노동자에게서 부에까지 메시지를 보내는 것이겠지만, 그것은 현실적이지 못한 느낌이다. 또 다른 방법은 설정하는 것이다.windows.script_status = true초기화 후, 그러나window물체가 반응하지 않기 때문에 부에가 한번 확인해서undefined잊어버려 UPDATE: 세 번째 방법은 Vue 쪽에서 스크립트를 주입하고 몇..

Vue.js 및 Firebase에서 기존 사용자에게 새 데이터를 추가하는 방법 나는 이미 Firebase에서 생성된 사용자에게 추가 데이터를 추가하도록 Vue.js 앱을 구성하려고 한다.이메일, 암호 및 이름을 포함한 초기 입력을 설정하기 위해 다음과 같이 SignUp.vue를 설정했다. ref.set({ name: this.name, email: this.email, user_id: cred.user.uid }) 홈에서.vue, 데이터베이스에 현재 로그인되어 있는 사용자에게 입력을 추가하기 위해 다음과 같은 방법으로 입력 필드를 포함시켰다. async addInput () { let ref = await db.collection('users') ref.where('user_id', '==', fireb..

내 경로에서 Vue'x getter를 사용할 때 "state.user가 null임" 나는 VueJS에 익숙하지만 Vuex에 대해서는 거의 알지 못한다. 기본적으로 역할 기반 라우터 시스템을 설정하고 싶다: JSON my API returns는 사용자 역할이 포함된 어레이를 포함하는 개체로, Vue에서 구문 분석할 수 있도록 문자열화한다. 몇 가지 튜토리얼을 따라 했고, 몇 가지 수정 후에 내 가게의 모양(관련 부분): getters: { isLogged: state => !!state.user, roles: state => JSON.parse(state.user.user.roles) // returns ['authenticated_user', 'admin'] } 만약 내가 'roles' getter를 테..

Axios - 한 번의 호출만으로 헤더 권한 부여 제거 axios.defaults를 제거하는 방법헤더.공통한 번의 통화로 승인하시겠습니까? 내 도메인에 대한 모든 호출의 기본값을 설정하지만 다른 도메인에 대한 호출이 1개 있으며 토큰이 전달되면 호출에 오류가 발생하며 기본 Auth 토큰이 저장되지 않으면 모든 작업이 정상적으로 작동함 그래서 내가 하려는 것은 그 특정 전화에서 Auth를 통과시키지 않는 것이다. 이거 해봤는데 안 되네. loadApiCoins({ commit }) { Vue.axios({ method: 'get', url: 'https://api.coinmarketcap.com/v1/ticker/', headers: { 'Authorization': '', }, }).then(...) }..

axi 및 Symfony를 사용하여 개체를 삭제할 때 상태 코드 500이 삭제되지만 삭제는 작동함 나는 vue를 프런트 엔드로 사용하고 있다.단추를 누를 때 데이터베이스에서 개체를 삭제하려는 경우 선택한 개체를 공리로 게시하지만 다음 오류가 표시됨: wish.js:40 Error: Request failed with status code 500 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:61) 내 오브젝트가 데이터베이스에서 삭제되더라도. 내 암호는 다음과 같다. postWishToBeDeleted({commit}, wishId) { console.log(wishId); axi..