factcode

VueJ + Vuex + map Actions 문서에는 동작을 통해 호출된 돌연변이를 제외하고 상태는 불변이라고 쓰여 있습니다.네 알겠습니다. 컴포넌트 mapGetters, mapActions에서 사용하고 있습니다. 스토어: export default { namespaced: true, state: { color: "violet" }, mutations: { changeColor(state, newColor) { state.color = newColor }, }, actions: { changeColor({ commit }, newColor) { commit('changeColor', newColor) } } 컴포넌트: ... methods: { ...mapActions({ setColor: 'store..

Nuxt.js에서 Rails로 전송된 데이터를 저장하고 싶다. 내가 이루고 싶은 것 Nuxt.js에서 Rails로 보낸 데이터를 저장하고 싶습니다.Rails가 accepts_nested_attributes_for를 사용하여 관련지어 데이터를 저장하려고 합니다. 코드 레일 모델/포스트.인쇄 class Post < ApplicationRecord has_many :post_items, dependent: :destroy accepts_nested_attributes_for :post_items, allow_destroy: true validates :title, presence: true validates :author, presence: true validates :image, presence: true ..

Vue: 템플릿은 키를 입력할 수 없지만 템플릿을 div로 바꿀 수 없음 - 래퍼 div 요소가 없는 v-for, 중첩된 v-for 루프가 필요합니다. 다음 JSON이 있습니다. { "data":{ "1":{ "color":"red", "size":"big" }, "2":{ "color":"red", "size":"big" }, "3":{ "color":"red", "size":"big" }, "4":{ "color":"red", "size":"big" }, "5":{ "color":"red", "size":"big" } } } 내가 이걸 가지고 보여주는 건vue코드: ... Property Value {{pos2}} {{obj2}} ... 하지만 나는 그 일을error '' cannot be keyed..

외부에서 처리되는 요소를 Vue.js에 추가하시겠습니까? 외부 라이브러리(및 그 DOM 요소)와 Vue.js를 조합한 라이브러리를 많이 찾았습니다.그러나 모두 Vue.js 관리 DOM 노드에 하위 요소만 추가하는 것으로 보입니다. 새로운 Stripe V3를 사용하기 쉽게 하기 위해 Vue-Stripe-Elements를 작성했지만 Stripes 요소를 Vue 컴포넌트에 마운트하는 데 어려움을 겪었습니다. 확실한 방법은.vue컴포넌트는 다음과 같습니다. 이 방법은 스트라이프가 마운트된 요소에 하위 항목만 추가하는 경우 작동하지만 스트라이프가 지정된 DOM 노드를 대체하거나 대신하는 것처럼 보입니다.물론 스트라이프도 지원하지 않습니다.VNodes. 현재 이 문제에 대한 해결책은 실제 DOM 노드를 생성하여 자..

NUXT: 비동기 가져오기를 혼합으로 사용하여 덮어쓸 페이지 데이터에 액세스하는 방법 페이지에서 사용하고 있는 마스트헤드 컴포넌트가 있는데, 페이지 변경 시 파기되기 때문에 루트 변경 중에도 해당 컴포넌트를 계속 사용할 수 있도록 레이아웃으로 이동하기로 결정했습니다(그리고 그에 따라 애니메이션/전환을 할 수 있습니다).VueX를 사용하여 Masthead의 내용(이미지, 복사 등)을 업데이트하고 있습니다. 현재는 모든 페이지에서 비동기 페치를 사용하여 스토어에 적절한 콜을 발신하고 있습니다(마스트헤드를 갱신 또는 숨깁니다). 페치를 수동으로 배치하지 않고 최종적으로 믹스인으로 이동하여 각 페이지로 Import하고 싶습니다.문제는 mixin을 사용하여 호출하기 전에 페이지 고유의 데이터를 가져오고 싶다는 것..

Vuex가 개별 돌연변이에 가입하다 개인 돌연변이에 가입할 수 있나요? 대신: this.$store.subscribe((mutation, state) => { if(mutation === 'someMutation'){ doSomething() } }) 다음과 같은 것을 원합니다. this.$store.subscribe('someMutation', state => { doSomething() }) Vue 시제품 어딘가에 있는 방법을 포장해 보는 것은 어떻습니까? 즉, 다음과 같은 것이 아니라 this.$store.subscribe((mutation, state) => { if(mutation === 'someMutation'){ doSomething() } }) 다음과 같은 것이 있습니다. Vue.prot..

Vue-i18n이 vuex에 정의되어 있지 않습니다. 이 질문에는 이미 답변이 있습니다. 계산된 vue에서 화살표 사용 기능이 작동하지 않음 (6개의 답변) 닫힘2년 전에요. Vue, Vuex 및 VueI18n을 사용하여 로케일 업데이트를 구현하려고 합니다.스토어 오브젝트의 i18n 값을 설정하고 다음과 같이 로케일을 갱신하는 방법을 찾았습니다(변환). UPDATE_LANGUAGE: (state, newLanguage) => { state.language = newLanguage; this.$i18n.locale = state.language; } 근데 의외로 안 먹히는데...이렇게 써있어요.$i18n은 정의되어 있지 않지만 정의되어 있습니다. 무슨 생각 있어? import store from "./st..

Vue 라우터: TypeError: 정의되지 않은 속성 '$createElement'를 읽을 수 없습니다. 그래서 저는 vue.js를 처음 접하는 사람이고 저의 어리석은 실수일 수도 있지만 안타깝게도 구글은 오늘 제 친구가 아닌 것 같습니다. 왜냐하면 제가 2시간 넘게 검색했지만 아무것도 찾지 못했기 때문입니다. 컴포넌트를 로드하려고 하면 문제가 발생.이 컴포넌트는 다른 컴포넌트에 네스트되어 있으며 라우터는 이 컴포넌트를 로드합니다.다른 컴포넌트가 로드되어 있다(사용방법)및 라우터)에 문제가 없습니다.이 컴포넌트의 유일한 차이점은 루트 아래에 3레벨이 중첩되어 있다는 것입니다.다른 컴포넌트 중 가장 깊은 컴포넌트는 2레벨입니다. 이 컴포넌트를 로드하려고 하면 2개의 경고와 에러가 표시됩니다. 경고 1: ..

vue.js에서 업데이트되지 않는 이유 내 코드는 다음과 같습니다. updated() { console.log('test') }, 데모 및 완전한 코드는 다음과 같습니다. 콘솔에서 확인해보니 console.log('test') 결과가 표시되지 않습니다. 마운트를 사용하면 동작합니다. updated를 사용해도 동작하지 않는 이유는 무엇입니까? 어떻게 하면 문제를 해결할 수 있을까요?실제로 아무것도 업데이트하지 않았습니다. 다음 JSFiddle을 확인하십시오. https://jsfiddle.net/50wL7mdz/58496/ 이 데이터는 초기 데이터이므로 업데이트 후크가 트리거되지 않습니다. data: { message: 'Hello Vue.js!' } 마운트된 라이프 사이클 훅에서 초기 데이터를 변경하면u..

Hadoop "플랫폼에 네이티브 하둡 라이브러리를 로드할 수 없습니다" 경고 현재 CentOs를 실행하는 서버에서 Hadoop을 구성하고 있습니다.내가 달릴 때start-dfs.sh ★★★★★★★★★★★★★★★★★」stop-dfs.sh 라고 하는 에러가 발생합니다. WARN util.Native Code Loader:플랫폼에 대한 네이티브 하둡 라이브러리를 로드할 수 없습니다...필요에 따라 빌트인 클래스 사용 Hadoop 2.2.0을 실행하고 있습니다. 온라인으로 검색하면, 다음의 링크가 표시됩니다.http://balanceandbreath.blogspot.ca/2013/01/utilnativecodeloader-unable-to-load.html ,, 의의 /native/2.x 의 것 같기 하면 잘 ..