cyworld

Vue: v-for의 입력 배열에서 입력 변경에 대응 초기 데이터 값을 설정하는 값의 배열이 있음list입력에서 배열 값을 렌더링하기 위해 이 목록을 사용한다.입력 값을 렌더링하는 중v-for사용:나는 사용하려고 노력했다.v-model하지만 난 실수를 했다. : You are binding v-model directly to a v-for iteration alias. This will not be able to modify the v-for source array because writing to the alias is like modifying a function local variable. Consider using an array of objects and use v-model on an obje..

Nuxt.js 라우팅 URL(대시 제외) / URL에서 폴더 대시를 제거할 수 있는가? 보낸 사람:url.com/p/123456그리고url.com/t/123456 받는 사람:url.com/p123456그리고url.com/t123456 폴더 구조: /pages |—/p |—|—_id.vue |—/t |—|—_id.vue p.vue t.vue 페이지 폴더의 폴더 안에 파일을 넣을 때마다/folderName/그것이 의도된 행동이기 때문에 구조. 원하는 것을 달성하려면 아래 레벨에서 슬러그를 생성하기만 하면 된다. /pages |-_id.vue p.vue t.vue 이 페이지에서 평소와 같이 슬러그 파라미터에 액세스할 수 있다. 뭐가 뭔지 구별할 필요가 있다면/p그리고 무엇이었는지/t파일, 계산된 함수를 생성하..

vuex 저장소가 변경될 때 프로펠러 속성 업데이트 vuex 저장소에 대한 돌연변이 성공 후(state.posts.post.comments이 코드 사용 및 사용Vue.setVue가 개체 속성의 추가를 인식할 수 있도록: 저장/보관소/우편물.js const mutations = { [types.SET_POST_COMMENTS] (state, { comments, id }) { let post = state.posts.find(post => post._id === id) Vue.set(post, 'comments', comments) } } 템플릿 또는 구성 요소에 대한 업데이트가 없다.소품post비활성 상태임(감시자도 트리거되지 않기 때문에 그럴 것임)다시 확인해보니 각 게시물의 댓글 속성에 대한 Vuex..

vuex에서 로그인 작업 후 Axios 요청에 헤더 토큰 추가 laravel pasport로 로그인 시스템을 구축한 후 anxios 요청에 헤더 토큰을 추가하고 싶지만 anxios.defaults.headers.common["권한 부여"]="Barearnull" 아무 도움이나!!!내가 뭘 잘못하고 있는 거지?이 코드는 ProjectEmpert에 있다.vue : created(){ axios.defaults.headers.common["Authorization"] = "Bearer" + localStorage.getItem("member_token"); this.$store.dispatch('currentUser/getUser'); } computed:{ currentUser:{ get(){ return ..

SPA VueJS에서 mapState 및 mapUtions를 전체적으로 선언 기본 SPA를 만들고 있지만 Vuex와 함께 관리하는 상태와 위의 돌연변이는 모두 정상이지만 mapState와 mapMutions를 사용하려는 각 구성 요소에서는 로컬로 가져와야 한다. 이렇게 하는 게 맞나?아니면 어떻게 하면 글로벌하게 신고하고 각 구성 요소에서 다음과 같이 수입을 피할 수 있을까? 빠른 솔루션 Vuex 도우미들은 다음과 같이 한다.mapMutations다음과 같이 가정하는 함수로 채워진 객체를 반환한다.this.$storeVuex 상점이다. 스토어 서비스 바닐라 JS에서 스토어를 사용해야 하는데 스토어 모듈을 어디에나 노출시키지 않으려면 서비스 모듈을 정의하면 된다. import { mapActions } f..

vuej에서 vuex를 사용하여 소품을 통해 상태 항목을 가져오는 방법 영어가 서툴러서 미안해.나는 vue에서 선택된 소품들을 보았다.소품 값을 통해 상태 선택 항목을 받고 싶다. 부품에서 나왔어. this.$store.state.fromSelected 이와 같이 vuex 상태로. const state = { 'one': null, } 이렇게 루트 구성 요소에서 from 구성 요소를 사용하는 경우 이거 쓸 때.$store.state.selected에서 이것을 받고 싶다.$store.state.component에서 1달러. 당신이 직면하고 있는 문제는 Vue와 Vuex의 데이터 흐름과 관련이 있는 것 같다.여기서 해결해야 할 두 가지 다른 문제가 있다. 문제 nr. 1 - 데이터 흐름 및 범위: 템플릿 코..

Nuxt, router.js(@nuxt/router)의 vuex 저장소에 액세스 @nuxt/router 모듈을 사용하여 라우터가 있는 라우터.js를 가지고 있으며 라우터에서 몇 가지 작업을 하고 싶다.각각...서로 다른 저장소 모듈의 상태 값에 따라 달라진다. 내 저장소 폴더는 다음과 같다: index.js, auth.js, language.js... Nuxt는 처음 접하는 건데, 이 경로 파일에서 어떻게 하면 상점에 접근할 수 있는지 이해가 안 돼.가져올 때 오류가 발생하는 경우 컨텍스트를 삽입해야 하는가? 컨텍스트가 이미 사용 가능한가?스토어 설정을 변경하고 내보내시겠습니까?미들웨어를 사용하시겠습니까? 나는 부분적으로 거기에 가고 싶었다.import {state} from '@/store/langua..

Bootstrap-vue 테이블 _ showdetails는 데이터 업데이트 시 닫힘 나는 내 vuex 저장소에서 일부 데이터를 가져오는 계산된 속성에 바인딩된 bootstrap-vue 테이블을 가지고 있다. 각 행에는 show_prow 버튼이 있으며, 이 링크에 따라 두 번째 행이 열린다: https://bootstrap-vue.js.org/docs/components/table/#row-hrow-hosts-support. 그러나 vuex 저장소에서 데이터가 변경되면 테이블이 다시 렌더링되고 상태가 사라진다(열린 'show_details' 행은 모두 닫힌 상태로 되돌아간다). 테이블의 현재 상태를 삭제하지 않고 스토어와 테이블의 테이블 데이터를 업데이트할 수 있는 방법이 있는가?백엔드에서 새 데이터를 수..

시논j가 있는 스터빙부룩스 게터 내 애플리케이션에서 라우터에 의해 사용되는 내비게이션 가드 안에 인증 상태를 확인할 수 있는 vuex 이름이 미리 지정된 게이터가 있다.게이터는 사용자가 인증되었는지 마법의 언더레이잉 검사를 한다. 인증된 상태에 따라 리디렉션이 수행되는지 확인하는 간단한 단위 테스트를 작성하고자 한다.나는 게이터를 터벅터벅 걷는 것에 매달렸다. 나의 getter는 다음과 같다. isAuthenticated (state) { return state.token !== null } 내 인증 모듈은 다음과 같다. export default { namespaced: true, state, getters } 그리고 내 가게는 다음과 같다. export default new Vuex.Store({ m..

검색되지 않은 오류 처리 방법: [nuxt] store/index.js는 Vuex 인스턴스를 반환하는 방법을 내보내야 함 Nuxt에 기본 저장소를 설정한 경우store/index.js설명서의 권장 사항에 따름.앱을 렌더링하려고 하면 다음 오류가 표시됨: 검색되지 않은 오류: [nuxt] store/index.js는 Vuex 인스턴스를 반환하는 메서드를 내보내야 한다. 나의store/index.js파일 모양: import Vuex from 'vuex' import Vue from 'vue' import myModule from './myModule' Vue.use(Vuex) const store = new Vuex.Store({ state: () => ({ }), mutations: {}, actions:..