stoneblock

vue가 아닌 파일에서 vue app(이) 액세스 저는 vue를 처음 사용합니다(vue 2 사용하기 시작했습니다) Store(vuex)를 사용하고 있는데 뭔가를 얻으려고 합니다. 기본적으로 vue-auth 플러그인을 설치했습니다: 이것이 있습니다..vue 파일 내에서 호출할 수 있는 $auth.이제 스토어를 사용하여 다음과 같은 통화를 vue 파일에서 발송하여 userLogin 기능을 호출합니다. 스토어/인덱스에서 '이것'에 액세스하려고 합니다.$auth' 컨텍스트 전환의 일종으로 이해하지만 vue app 인스턴스에 액세스하는 방법을 모르겠습니다.: import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) let app = this export const..

② Header-Component에서 다른 기능을 가진 버튼의 개수 변경 저는 헤더 구성 요소를 갖고 싶지만 버튼의 수와 이러한 버튼들이 트리거할 수 있는 다양한 기능을 가지고 있습니다. 예를 들어, 홈 페이지의 "visit about page", "trigger vue action A", 페이지의 "visit vuex action B" 등이 있습니다. Vue에서 이를 달성하는 올바른 방법은 무엇입니까?다음은 Vue 구성 요소, 슬롯 및 시맨틱 UI를 사용하는 매우 기본적인 예입니다. Home About Us const { createApp, ref } = Vue const MyMenu = { template: `` } const MenuItem = { props: { header: { type: Boo..

Vue.js: 유형 오류: 정의되지 않은 '$router' 속성을 읽을 수 없습니까? Laravel 5.7 및 Vue.js2.함께 일하고 있습니다.JWT Authentication그리고 Vuex가 내 로그를 저장합니다.사용자 정보에 있습니다.로그인 후 홈페이지로 리디렉션하려는 경우$router이 예상치 못한 오류를 제공하고 있습니다. 로그인 기능: login() { Axios.post('/api/auth/login',{ email: this.form.email, password: this.form.password }) .then(function(response){ let token = response.data.access_token; let username = response.data.user.name;..

VueJS - Store.dispatch에서 VueChart JS가 업데이트되지 않습니다. 양식에서 매개 변수를 수락하고 제출하는 것과 같은 것이 있습니다.제출 시 조치를 발송하고 응답을 반환하여 차트의 매개 변수에 할당합니다.하지만 제출 버튼을 두 번 누르지 않으면 변경이 되지 않습니다.하지만 제출 버튼을 누르면 라벨 셀렉트에 연결된 v-model이 있어서 라벨이 업데이트되고 있습니다.그러나 막대 차트 구성 요소에 대한 v-model이 없기 때문에 업데이트되지 않습니다. Chart.js 및 VueChart.js는 기본적으로 반응형이 아닙니다.Vue Chart.js 문서에서 이 내용을 참조하십시오. 이 예 참조그래서 여러 번 시도한 끝에 제출 버튼을 두 개의 다른 기능으로 리디렉션하고 두 기능 사이에 시..

vue에서 자체 업데이트 정렬을 수행하는 방법 저는 vuex 가게를 가지고 있습니다.game배열을 포함하는players. 각각player을 가지고 있습니다.id,name그리고 ascore. 이제 구성 요소가 있습니다.scoreboard점수에 따라 모든 선수를 나열해야 합니다. 플레이어를 정렬하기 위해 구성 요소에 계산된 속성을 추가했습니다. 이제 앱의 어딘가에서 플레이어 점수를 업데이트해도 계산된 속성이 트리거되지 않습니다.어레이 자체가 변경되지 않았기 때문에 트리거되지 않은 것으로 알고 있습니다.저는 push/pop/shift/array를 변형시키는 모든 것을 호출해야 합니다. 이 문제를 해결하기 위한 일반적인 접근 방식은 무엇입니까?일부 속성을 업데이트할 때 배열도 변경해야 합니까?렌더링하는 구성 요..

추가 데이터 로드 버튼 저는 현재 블로그를 구축하고 있고 로드 추가 버튼을 구현하려고 하지만 좀 막혔습니다.Vuex Store에서 호출한 REST API의 게시물 목록은 다음과 같습니다. actions: { LOAD_ARTICLE_LIST: function ({ commit }) { axios.get('someurl/articles').then((response) => { commit('SET_ARTICLE_LIST', { list: response.data.data }) }, (err) => { console.log(err) }) } } mutations: { SET_ARTICLE_LIST: (state, {list}) => { state.articles = list } } 단순화된 문서 구성요소: {..