반응형

vuex 87

VueJS String 보간으로 TS 개체의 개인 속성에 액세스할 수 있습니다.

VueJS String 보간으로 TS 개체의 개인 속성에 액세스할 수 있습니다. 안녕하세요, 저는 최근에 typescript를 사용하여 vuej를 배우기 시작했습니다. typescript를 사용하여 모델 클래스를 만들었습니다.그 안에는 getter를 통해서만 액세스 할 수 있는 프라이빗 속성이 있어 vuex 스토어에 넣을 수 있습니다. 그러나 문자열 보간(수염)에서는 어떻게든 getter 없이 private 속성을 얻을 수 있습니다. 아래 코드를 봐주세요.감사합니다! User.ts import { Stock } from "./Stock"; export class User { private _funds: number; private _portofolio: Array; constructor() { this...

sourcecode 2022.08.14

Nuxt는 mixin 내의 vuex 스토어에 액세스합니다.

Nuxt는 mixin 내의 vuex 스토어에 액세스합니다. 사용자가 페이지를 기어다니는 방법에 따라 애니메이션을 구동하기 위한 작은 믹스인을 만들고 있으며, 이 믹스인에서 Vuex 스토어에 저장된 데이터에 액세스할 수 있어야 합니다.vuex 스토어에서 데이터를 전송하는 방법을 알면 화가 납니다. 페이지/index.vue import Vue from 'vue' import {ToplevelAnimations} from '~/mixins/toplevel_animations' export default Vue.extend({ mixins: [ ToplevelAnimations ] }) mixins / toplevel _ animations . syslog export const ToplevelAnimation..

sourcecode 2022.08.13

종속성 주입을 통해 Vue.JS Vuex 저장 및 my api

종속성 주입을 통해 Vue.JS Vuex 저장 및 my api 스토어 모듈 내에서 API에 액세스하는 데 문제가 있습니다.my api의 인스턴스를 생성하여 스토어와 마찬가지로 vue 작성 내에서 전달했습니다.그러나 내 모듈에 로직을 구현하려고 할 때, 이것은.$api는 내 컴포넌트에서 동작하는 것처럼 동작하지 않습니다.이미 작성한 API 인스턴스에 액세스할 수 있는 방법이 있습니까? const api = new Api(); /* eslint-disable no-new */ new Vue({ components: {App}, router, api, //

sourcecode 2022.08.13

모듈과 함께 vuexfire를 사용할 때 돌연변이를 처리하는 방법은 무엇입니까?

모듈과 함께 vuexfire를 사용할 때 돌연변이를 처리하는 방법은 무엇입니까? 다음은 vuexfire 설명서의 모듈과 함께 돌연변이를 사용하는 것과 관련하여 일부 코드 조각과 함께 기술되어 있습니다. 루트 스토어에 돌연변이를 추가하고 먼저 상태에서 바인딩할 속성을 정의하십시오. import { vuexfireMutations } from 'vuexfire' const store = new Vuex.Store({ state: { todos: [], // Will be bound as an array user: null, // Will be bound as an object }, mutations: { // your mutations ...vuexfireMutations, }, }) 모듈에서도 작동하지만 ..

sourcecode 2022.08.13

vue.js 2의 입력 유형 텍스트에 연산자 3진수를 추가하려면 어떻게 해야 합니까?

vue.js 2의 입력 유형 텍스트에 연산자 3진수를 추가하려면 어떻게 해야 합니까? 내 vue 컴포넌트는 다음과 같습니다. ... ... ... ... 입력 유형 텍스트에 조건을 추가하고 싶습니다.위 코드와 같은 연산자 3진법을 사용한다. 코드가 실행되면 동작하지 않습니다. 에러는 없습니다.그래서 나는 그것을 해결하기 혼란스럽다. 내 코드가 아직 틀렸나 봐 어떻게 하면 해결할 수 있을까요?문제는 일반 HTML에서 JavaScript 식을 사용하려고 한다는 것입니다. 이 방법은 작동하지 않습니다. 다음과 같이 각 속성을 수동으로 바인드할 수 있습니다. :checked="(expression) ? true : false" 또는 표현식에 따라 계산된 속성에 바인딩하여 계산된 속성을 반환합니다.또는 오브젝트를..

sourcecode 2022.08.13

Vue.js 2/Vuex - mapGetters를 사용하지 않고 true를 실행한 모듈에서 getter를 호출하는 방법

Vue.js 2/Vuex - mapGetters를 사용하지 않고 true를 실행한 모듈에서 getter를 호출하는 방법 이 모듈은 다음과 같습니다. const ModuleA={ namespaced:true, state:{ categoryList:[ {name:'all', isActive:true}, {name:'negotiation', isActive:false}, ] }, getters:{ getCategory:(state)=>(index)=>{ return state.categoryList[index]; }, } } 없이.namespaced:true, 전화할 수 있습니다.getCategory와 함께this.$store.getters.getCategory(this.index). 전화 방법getCateg..

sourcecode 2022.08.12

새 텍스트 상자 Vue3을 추가할 번호를 입력합니다.

새 텍스트 상자 Vue3을 추가할 번호를 입력합니다. handle add new inutbox를 시도해보고 싶습니다.https://demo.smarttutorials.net/vuejs-dynamically-add-remove-input-textbox/ 의 예를 따르려고 하고 있습니다만, 할 수 없습니다. 입력란에 숫자를 입력할 때 하고 싶은 작업입니다. 새 입력 상자 추가 입력 1에 1을 더하면 입력 2에 2박스를 더하면 내 코드 Transaction #1 export default { name:'prize-editor', components: { DropImages, date, DialogTitle }, props:{ modelValue:Object }, setup(props){ let inputs =..

sourcecode 2022.08.10

Nuxt store getter가 작동하지 않습니다. 페이로드에 지정된 ID가 Integer + Error가 아닙니다. [vuex] 변환 핸들러 외부의 vuex 스토어 상태를 변환하지 마십시오.

Nuxt store getter가 작동하지 않습니다. 페이로드에 지정된 ID가 Integer + Error가 아닙니다. [vuex] 변환 핸들러 외부의 vuex 스토어 상태를 변환하지 마십시오. 상품 상세 페이지를 만들려고 합니다.상세 페이지의 이름은 _id 입니다.열면 ID가 제품 ID로 바뀝니다.페이지를 열면 API에서 가져온 데이터로 상태가 설정됩니다. 그 후 getProduct()라는 이름의 getter를 참조하는 계산된 속성을 ID로 사용하려고 합니다.this.$route.params.id)를 사용합니다. 제 _id는 이렇습니다.vue는 다음과 같습니다. methods: { ...mapActions("products", ["fetchProducts",]), ...mapGetters("produc..

sourcecode 2022.08.10

글로벌 액세스 속성을 정의할 때 vuex DRY를 설정하는 방법

글로벌 액세스 속성을 정의할 때 vuex DRY를 설정하는 방법 나는 다음과 같은 일반적인 상태를 가지고 있다.error그리고.session$store에서 계산 속성으로 액세스하고 싶다.error그리고.session모든 컴포넌트(라우터 내의 컴포넌트 포함)에서 사용할 수 있습니다.나는 이렇게 해야 한다는 것을 안다. var store = new Vuex.Store({ state: { error: undefined, session: JSON.parse(localStorage.getItem('session')), }, mutations: { error: function(state, error) { state.error = error }, session: function(state, session) { sta..

sourcecode 2022.08.10

vuex 작업에서 반환된 약속에 final() 메서드가 firefox에 없습니다.

vuex 작업에서 반환된 약속에 final() 메서드가 firefox에 없습니다. Chrome에서 vuex 작업 중 하나를 사용하면 항상 메서드를 포함하는 Promise 개체가 반환됩니다..catch(),.then()그리고..finally()파이어폭스(버전 60.0.2)에서도 같은 처리를 하면 단순한 오브젝트가 표시됩니다.{}) 메서드만 있습니다..catch()그리고..then()하지만 아니다.finally()네이티브 Promise 오브젝트가 아닌 이 의사 오브젝트가 표시되는 이유는 무엇입니까?Firefox는 이 기능을 지원하므로 특히 번거로우시겠지만finally()버전 58 이후입니다. actions.syslog doBla: ({commit}) => { axios.post('http://test', {..

sourcecode 2022.08.10
반응형