cyworld

Vue.js - [Vue warn]을(를) 어떻게 해결해야 하는가:렌더 오류: "TypeError: 정의되지 않은 속성 '포트'를 읽을 수 없음"? 내 물체는 다음과 같다: { "container_status": { "name": "/dev-ms", "port": { "2233/tcp": [ { "HostPort": "123" } ] } } } 키 값을 표시하려는 경우HostPort 나는 이렇게 노력한다. console.log(data.container_status.port['2233/tcp'][0].HostPort) 그건 효과가 있다. 그러나 오류가 있음: [부유 경고]:렌더 오류: "TypeError: 정의되지 않은 속성 '포트'를 읽을 수 없음" 다음과 같은 내 vue 구성 요소: ... {{dat..

부트스트랩 Vue 편집 가능 테이블 열 입력을 저장하는 열 중 하나가 있는 테이블이 있다. {{line.item.product.name}} {{ line.item.product.price| currency }} {{ (line.item.quantity*line.item.product.price) | currency }} Remove 문제는 두 개 이상의 값을 추가할 때 첫 번째 열과 q값 바인딩에 있다.나는 두 줄에 같은 가치를 가지고 있다.어떻게 하면 두 가지 다른 가치를 가질 수 있을까?방법은 다음과 같다. methods:{ ...mapMutations({ change:"cart/changeQuantity", remove: "cart/removeProduct" }), handleQuantityChan..

구성 요소를 렌더링하기 전에 Vuex 상태가 로드되었는지 확인하십시오. 나는 a를 가지고 있다.add-user.vue구성 요소새 사용자를 추가하고 기존 사용자를 편집하기 위한 나의 템플릿이다.페이지 로드에서 경로에 다음이 있는지 확인하십시오.id, 그렇다면 편집하기 위해 상태 배열에서 사용자를 로드한다.내 문제는 이다.user상태 배열로 인해 정의되지 않음users비어 있다.사용자 개체가 정의되지 않았는지 확인하는 방법그것은 가끔 로딩되지만 새로 고치면 로딩하지 않는다.나는 내가 그것을 덮은 줄 알았는데 아니었어.이건 내 설정이야내가 뭘 놓쳤지? 저장하다 state: { users: [] }, getters: { users: state => _.keyBy(state.users.filter(user => ..

Vue에 제공된 Vuex에서 인스턴스/서비스에 액세스(Vue.js 3) 배경 다음을 고려하십시오. // app.js import API from 'utils/API'; const api = new API(config.app.urls.api, endpoints, token); app.provide('$api', api); 내가 지난 24시간 동안 읽은 모든 것을 바탕으로, 위의 내용은 Vue.js 3에 '서비스'를 제공하는 권장 방법이다. 그러나 위의 문제는 메서드를 Vue 구성 요소 외부에서 사용할 수 없기 때문에 API 인스턴스에 액세스할 수 없다는 것이다. 따라서 API 인스턴스를 Vuex 모듈로 가져오려면... 질문 Vue 구성요소 외부에 제공된 서비스에 액세스하는 '개안된' 방법이 있는가?아니면 ..

Vuex의 개체 어레이에 v-bind 사용 내 vuex 저장소의 양식에서 상태로 사용자 입력을 바인딩하려고 한다. 국가는 다음과 같이 보인다. customers: [ {firstName: "", lastName: "", age: ""}, {firstName: "", lastName: "", age: ""}, {firstName: "", lastName: "", age: ""} ] get and set method를 호출하는 계산된 속성에 v-model을 사용하려고 했다.나는 여기서 설명을 찾았다. 이것은 어떤 물체에 완벽하게 작용하지만 불행히도 이것을 어떻게 여러 물체에 사용하는지에 대한 설명은 없다. 이런 걸 찾고 있는데 computed: { firstName: { get () { return this..

데이터를 최신 상태로 유지하기 위해 Vuex를 통해 API에서 데이터를 다시 가져오는 시기 API에서 데이터를 가져오는 중인데 Vuex를 통해 데이터를 얻고 싶다.그래서 나의 유저 스토어 모듈이 모든 유저들을 보유, 관리하고 있다. 현재 가지고 있는 모든 사용자를 가져오려면fetchAxios를 통해 API를 호출하고 사용자 어레이를 응답에서 돌연변이로 전달하는 동작. 다음 위치에 뷰 구성요소가 있음/users사용자 목록을 렌더링한다.그 구성 요소 내에서 나는 부른다. async mounted() { await this.fetch(); } 저장소를 초기화하십시오.그 후에, 상점 주인은 사용자 배열을 반환하고 목록을 렌더링한다.나는 또한 getter를 통해 id로 하나의 아이템을 가져올 수 있다는 것을 알고..

Vuex가 한 방향으로만 업데이트되는 Vue md-input Vue 앱에 다음과 같은 입력 요소가 바인딩되어 있는 경우: 그리고 VueXstore/index.js: import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { myvalue: null }, mutations: {}, actions: {}, modules: {} }); 수정할 때myvalueVue devtools를 사용하면 입력 값도 변경되지만 입력 필드에서 값을 변경해도 상태 변수는 변경되지 않는다.내가 뭘 잘못하고 있는 거지?나 VueX 처음이야.뷰 계층과 직접 바인딩된 vuex 상태를 사용하는 것이 제안되지는 않..

상태 Vuex가 Nuxt.js 문제와 제대로 작동하지 않음 내 Nuxt.js 앱에 상태 vuex를 설정하려고 하는데 제대로 작동하지 않아.그래서 여기 내 상태를 가져오기 방법으로 설정했다. fetch({app, store, route}) { app.$axios.$get(`apps/${route.params.id}`) .then(res => { store.dispatch('setApp', { ...res, id: route.params.id }) console.log(app.store.state.app); }) } app.store를 로깅할 때 데이터가 존재하지만 로그인하려고 할 때는 다음과 같이 모든 것이 올바르게 작동한다. created() { console.log(this.$store); }, mou..

JS 인덱스개체 배열 및 스플라이스()가 올바른 개체를 제거하지 않음 나는 다음과 같은 종류의 물체를 가지고 있다. "followers": [ { "id": "1be87842-2f7f-4e3b-8fde-9a998feb3a01", "bug_id": "4ae2707b-07ef-4e07-95da-77855c67fece", "user_id": "e9e81aa2-4994-483d-a3a7-3b88491f1fda", "username": "texample1", "name": "Test Example1", "created_at": "2018-11-27 21:01:42", "updated_at": "2018-11-27 21:01:42", "deleted_at": null }, { "id": "7bd1fa5f-4109-..

문자열로 저장된 Vuex float based store 값 나는 내 데스크탑에 Vuejs 프런트엔드 프로젝트를 만들었다.나는 중앙집중식 국가 관리를 위해 Vuex를 사용하고 있다.나는 내 주에 TotalAssummount와 Evenue 값을 가지고 있고 나는 그 두 주에 대해 추가 및 감산 작업을 하려고 한다.물론, 잘 하는 일은 줄이고, 주정부와 연계하는 기능을 늘려야 한다.다음과 같이 가정해 보자. TotalProfit:1.05465 Profit:0.0012 함수 반환을 늘리다1.054650.0012. Store.js 파일: const state = { TotalBalance: 0, Profit:0.00000000 }; const actions = { setTotalBalance(context, d..