prostudy

마운트된 Vue 인스턴스의 속성을 업데이트하는 방법 수동으로 마운트된 Vue 인스턴스의 속성을 여러 DOM 요소(이 경우 맵박스 마커)에 바인딩합니다. const makerContent = Vue.extend(Marker) features.forEach(function(feature, index) { var parent = document.createElement('div') parent.classList.add("mapboxgl-marker") var child = document.createElement('div') child.classList.add("marker") parent.appendChild(child) const marker = new mapboxgl.Marker(parent) .setL..

Quasar와 함께 성분 저장 사용 Quasar 프로젝트에서 Vuex 스토어를 구현하려고 합니다.Quasar-cli를 사용하여 새로운 프로젝트를 만들고 Vuex 박스를 체크했습니다.그런 다음 Quasar 웹 사이트(https://quasar.dev/quasar-cli/cli-documentation/vuex-store)에 있는 가이드를 따라 다음을 사용하여 새로운 스토어를 만들었습니다.quasar new store test그리고 스토어 모듈을 store/index.js에 등록했습니다. export default function(/* { ssrContext } */) { const Store = new Vuex.Store({ modules: { test // example }, 그 후 튜토리얼에서 참조한 ..

학습되지 않은 구문 오류 및 Vuex 식별자 저는 Vuex를 배우고 있지만 mapState를 실행하는 데 어려움이 있습니다.mapGetters와 mapMutations도 같은 문제를 일으킬 것으로 예상됩니다. 비노드 환경에서 xampp localhost에서 코드를 실행하고 있는데 다음과 같은 오류가 계속 발생합니다. Uncaught SyntaxError: Unexpected token { 아래 코드는 다음과 같습니다. index.displaces를 표시합니다. + - example.displaces 를 참조해 주세요. import { mapState } from './vuex.min'; const store = new Vuex.Store({ state: { count: 0 }, mutations: { i..

먼저 서버에서 개체를 로드하는 방법 - vuejs - vuex 그래서 서버에서 몇 가지 설정을 가져오기 위해 fetch와 함께 요청을 보내고 싶습니다.응답은 페이지가 로드되기 전에 이루어져야 하며 vuex에 이러한 설정을 저장하므로 다른 모든 구성 요소에서 액세스할 수 있습니다. 요구 사항을 전송하고 데이터를 얻을 수 있었지만 컴포넌트에서 이러한 vuexed 설정을 사용할 때마다 데이터가 표시되지 않습니다.vuex는 다음과 같습니다. const state = { settings: new Settings, is_mobile: MobileCheck(), } 다음은 설정 요청입니다. class Settings { constructor() { this.endpoint_url = '/api/settings/' t..

Vuejs - 동일한 컴포넌트에서 다른 날짜 가져오기 몇 가지 컴포넌트(테이블, 선택 등)를 작성했는데 모두 동일한 방법으로 API 정보를 가져옵니다. 어플리케이션의 다른 페이지에서 이러한 컴포넌트를 사용하는 것이 목적이며, 따라서 이러한 컴포넌트가 수신하는 정보에 관계없이 동일한 컴포넌트(테이블 등)를 사용할 수 있도록 하기 위해 다양한 방법을 만들었습니다. 단, API를 요구하는 모든 컴포넌트에 이러한 메서드를 적용하려면 많은 코드를 반복해야 하므로 이러한 메서드를 글로벌하게 작성하는 것이 목표입니다. 검색 결과, 플러그 인, 믹스, Vuex의 3가지 방법을 찾았습니다.그러나 나는 이것을 하는 가장 이상적인 방법이 무엇인지 모르겠다. 제안해 주실 수 있나요?Vuex를 선택해주세요. 컴포넌트가 데이터와..

WebStorm Vue 확인되지 않은 변수 또는 유형 어제 WebStorm을 2019.2.1 버전으로 업그레이드했습니다. 그 후 Vuex 메서드에 몇 가지 문제가 발생합니다. 로컬에서 추가된 메서드 및 계산은 정상적으로 동작하며 WebStorm에서 인식됩니다(녹색 화살표). 단, getters와 actions는 그렇지 않습니다.Unresolved variable or type...(파란색 및 빨간색 화살표) 이것은 오해의 소지가 있습니다+ 바로 가기를 사용하여 방법으로 이동할 수 없습니다. 어떻게 하면 될까요? 갱신하다 추가 중this.before like: 변경canBeEdited로.this.canBeEdited오류를 해결하지만 해킹인 것 같습니다(단, 그다지 편하지는 않습니다).WEB-40929로 개..

구성 요소 내부의 계산된 속성에 프로펠러 값 전달 컴포넌트 내부의 계산된 속성 함수 내에서 프로펠러 값을 사용할 수 있습니까?그렇다면 이 소품으로 어떻게 반품할 수 있을까요? 회전목마.표시하다 props: [ 'source', ], computed: { items () { return this.$store.state.(prop value source here).list } } store/categorya.category(categoryb 및 categoryc와 동일) import categorya from '(...)' export const state = () => ({ list: categorya }) 갱신하다 Index.vue carousel(source="categorya") carousel(so..

사용자가 관리 vue 라우터 및 vuex인지 확인합니다. 관리 영역이 있는 앱을 만들고 있습니다.사용자는 다음을 통해 데이터베이스에 admin으로 플래그 지정되거나 플래그가 지정되지 않습니다. admin = 1 Axios를 사용하여 데이터를 가져오고 vuex를 사용하여 사용자를 내 상태로 설정합니다.다만, vue 라우터내에서 유저의 admin 스테이터스를 되돌리는 방법이 곤란합니다.이것이 제가 하려는 일의 예시입니다. import store from '@/js/store/store.js'; // etc router.beforeEach((to, from, next) => { if(to.matched.some(record => record.meta.isAdmin)) { if (store.getters.get..

Vuex에서 다른 액션 내에서 액션을 호출하는 것은 잘못된 관행입니까? 제 Vue 앱에서 다음 두 가지 대안을 생각하고 있습니다.다른 행동에서 행동을 취할 것인지, 아니면 그것이 너무 지저분한 것인지 결정하려고 한다. 다른 방법: store.js const actions = { funcOne (context) { //Do something context.dispatch(funcTwo) } funcTwo () { //Do something else } } component.vue methods: { doSomething () { this.$store.dispatch(funcOne) } } 또는 대안 2: store.js const actions = { funcOne () { //Do something } ..

디스패치 수신이 값으로 정의되지 않았습니다. 디스패치 후 상태 갱신에 문제가 발생. 콘솔 로깅 결과dispatch드라마들.Promise pending및 가치undefined그래서 가게에는 절대 가지 않아요 콘솔 결과 다음에 나타내는 함수는dispatch핸들러 unsetSelected() { let some = this.$store.dispatch('user/selectedDevice', null) console.log(some) } 액션 핸들러는 다음과 같습니다. selectedDevice ({ commit }, data) { commit ('SELECTED_DEVICE', data); } 변이 핸들러에 경보를 발령했는데 코드가 예상대로 작동하고 있다는 것을 알게 되었습니다. 코드도 정상적으로 동작하고 ..