c10106

단순 vue 앱이 아무것도 표시되지 않음 전체 코드: https://github.com/kenpeter/test_vue_template git clone https://github.com/kenpeter/test_vue_template 설치:yarn install 실행:yarn dev 방문하다localhost:8080아무것도 보지 못하다왜냐하면 당신은 당신의 루트 컴포넌트에 아무것도 렌더링하지 않았기 때문이다. 당신 안에index.html, 렌더링app구성 요소: 이것을 하는 데는 여러 가지 방법이 있다.만지기 싫으면index.html, 당신은 또한 수정할수 있다.main.js. 아래의 모든코드가작동해야 함: new Vue({ el: '#app', render: h => h(App), components..

사이트를 나갈 때 vuex 저장소에 액세스하는 방법 나는 nuxt가 있는 vue.js를 사용하며 사이트를 나가자마자 vuex 스토어에서 무언가를 제거하고 싶다. 나는 노력했다. beforeDestroy ({ store }) { store.commit('auth/setUserShowSecureAccountHint', false) } 가게가 알려지지 않아 작동하지 않았던 것 그리고 또한 beforeDestroy () { this.store.commit('auth/setUserShowSecureAccountHint', false) } 로서 효과가 없었다.store알려지지 않았다. 사이트를 나갈 때 vuex 스토어에 액세스하려면 어떻게 해야 하는가?접두사를 접두사 앞에 붙여야 함store키워드:$다음과 같이 서..

vuex 상태 + persistedState 플러그인에 토큰을 저장하는 것이 안전한가? 이전에 나는 쿠키를 부에쿠키와 함께 쿠키에 토큰을 저장했다.그러나 나는 어떻게 하면 그들을 안전하게 만들 수 있는지(https만 해당)에 대해서는 정확히 알지 못하며, 게다가 사용자는 애플리케이션(크롬)을 통해 쉽게 볼 수 있다. 지금 나는 사용자가 페이지를 새로 고칠 때마다 재설정되지 않도록 persistedState에 의해 보호되는 vuex의 상태에 사용자의 토큰을 저장하고 있다.일반 사용자에게도 보이지 않는다. 이것은 "괜찮다" 혹은 좋은 접근법인가? PS: 토큰만 저장하는 것이지 사용자 정보나 다른 것을 저장하는 것은 아니다.이 연습은 괜찮다.특히 토큰만 저장하는 경우에는 다른 곳에서 정보를 확인할 수 있다.예..

Vuex 데이터를 사후 대응적으로 만들기 나는 내 vuex 데이터를 반응적으로 만드는 솔루션을 찾고 있다. 그 맥락을 설명하겠다.Vuex 데이터에서 목록을 렌더링할 때 `computed: { ...mapGetters(["groups"]) },` 이 목록은 드래그 앤 드롭 시스템으로 사용자가 수정할 수 있다.(I use https://github.com/Vivify-Ideas/vue-draggable FYI) 문제는 데이터가 반응하지 않는다는 것이다.보통 나는 데이터() vuejs righttie에 데이터를 넣어 사용자가 목록을 수정하면 데이터가 반응적으로 업데이트된다. 그렇다면 vuex에서 data() 속성으로 데이터를 가져올 수 있는가?자: 1/ vuex의 데이터가 데이터에서 "잘못"임 2/ 데이터 사..

store/의 Vuex Classic 모드는 사용되지 않으며 Nuxt 3에서 제거됨 아래 파일이 있는데 "스토어에 대한 Classic mode/는 사용되지 않으며 Nuxt 3에서 제거될 것"이라고 경고하는 이유를 찾을 수 없었다.그 짜증나는 경고만 받으면 모든 게 잘 돼. nuxt.js 저장소에 있는 module/data.js 파일. const state = () => ({ loadedPosts: [] }); const mutations = { setPosts(state, posts){ state.loadedPosts = posts; } }; const actions = { setPosts(vuexContext, posts){ vuexContext.commit('setPosts', posts); } };..

알 수 없는 작업: Vuex를 사용하여 카운터가 증가하지 않음(VueJS) 다음 코드를 사용하여 Vuex를 사용하여 store.js에서 카운터를 증분하고 있다.왜 그런지 모르겠지만, 증분 버튼을 클릭하면 다음과 같이 적혀 있어. [vuex] 알 수 없는 작업 유형: INCRING store.js. import Vuex from 'vuex' import Vue from 'vue' Vue.use(Vuex) var store = new Vuex.Store({ state: { counter: 0 }, mutations: { INCREMENT (state) { state.counter++; } } }) export default store IcrementButton.부에를 하다 +1 당신은 사용해야만 한다.com..

Vuex 비동기식 계산 이미지가 제대로 작동하지 않는 v-carouzl을 사용하여 Vuetify 이미지 로드를 시도한다.firestore에Vuex로 반복하다.v-for에 걸쳐서computed구성 요소 내의 속성이미지가 있지만 슬라이드의 첫 번째 이미지는 비어 있다.회전목마를 시작하면 정확한 두 번째 이미지가 나타나고 거기서부터 정상적으로 작동한다. 내 질문은 왜 첫번째인가이다.v-carousel-item공란? 그리고 두번째는 왜 시작하지 않는가? 구성 요소에 대한 내 코드: home 이렇게 해서 전체 문제가 해결될지는 모르겠지만, 문제는.cycle소품은 v-carouzel이 아니라 v-carouzel로 간다.알라파이어스토어에서 url을 뽑고 carouzel에 이미지를 표시하는 것과 같은 문제에 부딪혔어...

Vue-roouter 및 Vuex와 함께 작동하도록 경로 매개 변수를 가져오는 방법 컴포넌트의 데이터를 $route.params.post으로 전달하려고 하는데, 어딘가에서 고장이 나고 있고 어떻게 작동시켜야 할지 잘 모르겠어. 내 구성 요소에서 사용 중인router-link경로 파일의 특정 경로로 이동하지만 지정된 구성 요소로 라우팅되지 않음. // Component.vue Replies //clicking replies will push the thread number to data and load it into the params export default { data () { return { postId: null } } } // ./routes/index.js import Replies from ..

Bootstrap-Vue 페이지 지정이 자동으로 재설정되지 않도록 하는 방법 나는 여러 개의 뷰를 가지고 있고 각각의 뷰에 대한 상태를 저장하기를 원하기 때문에 사용자는 동일한 작업을 다시 수행할 필요가 없다. 그 중 한 곳에는 테이블이 있고 페이지 지정에는 부트스트랩-페이징 컴포넌트를 사용하기 때문에 사용자가 페이지를 변경하면 서버에 새 데이터를 요청해서 보낸다.나는 Vuex에 sort와 filter parameters를 저장하고 있는데 잘 작동한다. 하지만 내가 현재 페이지를 그렇게 저장하려고 할 때, 내가 보기를 변경하고 돌아갈 때마다 부트스트랩-페이징이 1로 바뀐다.그 행동을 예방하는 것이 가능한가? HTML의 코드: 그리고 자바스크립트로 부호화한다. data: function () { retur..

vuex 저장소 형식에서 개체 속성을 다이너믹하게 설정하는 방법(유형 안전 유지 중) 나는 (자바스크립트에서 TS로 변환하는 과정에서) 고급 플러그인은 없고 그냥 입력만 한 형태의 Vue 3 프로젝트가 있다. 나는 주문 물체의 다른 성질을 설정하는 돌연변이를 가지고 있기 때문에 모든 성질에 대해 돌연변이를 쓸 필요가 없다.JS에서는 다음과 같이 보인다. setMetaProp(state, { propName, value }) { state.order[propName] = value; } 이제, TS로 물건을 배우고 변환하는 과정에서, 나는 타입 안전으로 이것을 할 수 있는 기능을 작성했다. export interface PropNameKeyValue { propName: KeyType; value: Val..