prostudy

vue 및 vuex 상태를 초기화할 시기 최근에 나는 사용자가 로그인할 "사용자"/"admin" 두 역할로 분리된 웹을 설계한다. 다른 역할은 같은 페이지에 로그인하지만 다른 버튼과 기능을 볼 수 있다. MainPage.vue컨테이너라서 사용자 정보를 얻기 위해 ajax를 "/init"라고 부른 다음 Vuex 스토어에 커밋한다. 그러면Content.vue안에 있는 하위 페이지MainPage.vue그것은 다른 버튼들을 보여줄 것이다.$store.state.user메세지 하지만 나는 다른 api를 부르고 싶다.mounted안쪽에 무대 장치하다Content.vue사용자의 역할에 따라 그러나 이 단계에서 "/init"라고 불리는 아약스에 의해 채워지는 역할은 준비되지 않을 것이다. 전체적인 흐름은 // Main..

상태로 전달된 더 많은 데이터, 올바르게 수행되지 않음 주(州)에서 저장해야 하는 미리 만들어진 상수가 있다. const day = "25/02/2020"; const timeStart = "08:00"; const timeEnd = "00:00"; 내 vuex 파일 안에 내가 가지고 있는 것은 다음과 같다. export default new Vuex.Store ({ state: { dateSelected: [], // selected date }, mutations: { saveDateSelected (state, [newDateSelected, newTimeStart, newTimeEnd]) { const newobject = { DateStart: newDateSelected + "-" + newT..

로그아웃 시 nuxt 스토어 및 모든 하위 모듈 지우기 사용자가 로그아웃하면 스토어를 모두 리셋할 수 있는 가장 좋은 솔루션이 무엇인지 궁금하다.일반적으로 나는 로그인하는 앱이 있고 때때로 개발 모드에 있는 나는 계정에서 전환해야 한다(실시간 모드의 경우가 있다.그리고 분명히 나는 다른 사용자들과 로그인을 할 때 약간의 문제가 있다. 어떤 상점 인포들은 여전히 그곳에 있고 다른 사용자들의 것이다.나는 이미 내 상점에서 auth.js 내의 logout 기능 안에 있는 모듈을 지웠다.하지만 내 앱이 성장하고 있고, 저장(여러 모듈에서 분리됨) 또한 초기 가치/상태와 함께 모든 저장소를 한 번에 재설정할 수 있는 최선의 방법이 무엇인지 궁금할 뿐이다. 무슨 생각 있어?이것이 내가 Nuxt에 있는 상점에서 몇 ..

모듈에서 동작을 반환하지 않는 지도작업 내 Vuex 모듈에서 생성한 작업을 구성 요소 메소드에 추가하려고 함. 내 컴포넌트 "홈페이지.vue"는 다음과 같다. import { PlusIcon } from "vue-feather-icons"; import TaskItem from "../TaskItem"; import moment from "moment"; import { mapGetters, mapActions } from "vuex"; export default { name: "home-page", components: { PlusIcon, TaskItem, }, methods: { ...mapActions(['fetchTasks']) }, computed: mapGetters(['allTasks'])..

Vue.js - 알 수 없는 사용자 지정 요소: 나는 Vue.js에 대해 처음 접하는 편이고 애플리케이션에 대한 라우팅을 구현하려고 노력 중이지만, 어떤 이유에서인지 나는 다음과 같은 문제에 직면해 있다. 알 수 없는 사용자 지정 요소:- 구성 요소를 올바르게 등록하셨습니까?재귀 구성 요소의 경우 "이름" 옵션을 제공하십시오. 내가 부품을 잘못 등록하고 있는 건가?어떤 도움이라도 감사하오, 아래 내 코드는: app.js import Vue from 'vue' import AppLayout from './theme/Layout.vue' import router from './router' const app = new Vue({ router, ...AppLayout }) export { app, router..

vue.js 2에서 개체 관찰자를 루핑하려면 어떻게 해야 하는가? 만약 내가console.log(this.list), 이와 같은 결과: this.list.forEach(function (user) { selected.push(user.id); }); 오류 있음: Uncaused TypeError: this.list.forExecute는 함수가 아님 어떻게 하면 이 오류를 해결할 수 있을까?이다this.list배열 말고? 만약this.list배열과 같다(필요한 것은length그 물체에 대한 속성), 다음을 수행할 수 있어야 한다. Array.prototype.forEach.call(this.list, user => { // ... }) 또는 Array.from(this.list).forEach(user =..

부트스트랩-뷰:b-table에 열로 표시된 b-form-checkbox의 여러 배열로 Role Permissions 구현.작동하지 않음 다음 이미지에 설명된 대로 역할별 사용 권한을 관리하는 페이지를 만들려는 문제: 현재 구현된 대로 아무 상자나 클릭하면 해당 열의 모든 상자가 확인된다. 예: "관리자"의 "사용자 만들기"를 클릭하면 다음과 같이 나타난다. 마찬가지로, 다른 열 중 하나를 체크하면 해당 열의 모든 확인란이 체크된다.두 경우 모두 확인란을 지우면 해당 열의 모든 확인란도 지워진다. 무슨 일이 일어나고 있는지는 잘 모르겠지만, 만약 내가 표의 코멘트를 뒤집고 다른 확인란과 함께 실행한다면, 내가 어떤 열을 확인했는지에 관계없이 "Admin" 아래의 모든 열이 확인되는 행동이라는 것을 유의해라..

Vuejs 문자열 형식이 올바르게 작동하지 않음 안녕하십니까? VueJs에서 역동적으로 div를 스타일링하려고 노력중 입니다.그러나 이 문제에 직면하여 이.currentProgressLevel이 currentStyle 객체 내부의 폭 속성에 적용되지 않는다.내가 사용하고 있는 코드의 스크린샷을 첨부한다.*${this.currentProgressLevel 75}px 사용 시 너비 속성이 작동하지 않는 이유수동으로 0.33으로 이.currentProgressLevel을 변경하면 작동하지만 하드 코딩이 되는데 데이터 변수 currentProgressLevel에서 값을 가져오지 않는 이유는?다음은 사용 중인 코드: 스크립트: data(){ return{ currentProgressLevel:.33, curren..

Vue/Vuex를 사용하여 호출을 올바르게 주문하는 방법 아래에 스켈레톤 코드가 있는데, 이것은 내가 올바른 통화 순서를 강요하는 것과 관련된 문제를 보여준다.내가 원하는 순서는: 사용자가 Foo.vue의 someLocalMethod()를 트리거한다. 깃발은 바에게 변화가 일어났음을 인식하도록 설정되어 있다. 깃발은 바를 촉발할 것이다.Vue의 감시자가 일을 좀 해 보라고 했어. 작업이 완료되면 플래그가 해제된다. Foo.vue의 일부 LocalMethod()는 국기가 설정되지 않았다는 것을 알게 되고 작업을 계속할 것이다. Bar와 Foo 모두 스토어를 바꾸는 일을 하고 있기 때문에 (두 파일 사이에 플래그로만 사용하는 대신) 파일이 연관되어 있다는 점을 언급해야겠다. 내가 하고 있는 일에 접근하는 데..

저장소에서 Vuex 액세스 모듈 상태 나는 여러 개의 모듈로 분할된 Vuex 상점을 가지고 있다.이 모듈들은 각각 고유의 상태를 가지고 있다. 나는 이것을 작동시킬 수 없을 것 같다. 나는 항상 다음과 같이 말하는 오류를 얻는다.Uncaught (in promise) TypeError: Cannot read property 'state' of undefined. 내가 뭘 잘못하는지 모르겠어 내 Vue 스토어의 인덱스.js 입니다. import { createStore } from 'vuex'; import layers from './modules/layers'; export const store = createStore({ modules: { layers, }, }); 액세스하려는 모듈: export d..