반응형

vuex 217

입력 텍스트 Vue.js 2를 기준으로 목록 필터링

입력 텍스트 Vue.js 2를 기준으로 목록 필터링 사용자가 입력 파일에 이름이나 이니셜을 입력할 때 하나의 ul 목록을 필터링하고 싶다.나는 vue.js 2와 함께 일하고 있다.리스트는 저장소 변수인 JSON 파일을 호출하여 렌더링되고 있다. 저장 변수 $store.coin.coin JSON 예제 { "coin": [ { "initials": "DLR", "price": "0.727282", "volume": "1212", "change": "+1.22", "name": "dollar" }, ... ] } HTML {{ item.initials }} {{ item.price }} {{ item.volume }} {{ item.change }} {{ item.name }} 방법 export default..

IT이야기 2022.05.21

Vue.js - 웹 팩이 없는 Vuex?

Vue.js - 웹 팩이 없는 Vuex? ASP를 사용하고 있다.웹 페이지(vb Razor)를 사용하여 웹 팩 설정을 얻는 데 문제가 있으며 스택오버플로우(ASP 설정 방법)에 대해 다른 곳에서 제안되어 왔다.NET Core + Vue.Js?) 빌드 시스템 없이 vue.js CDN을 간단히 사용하기 위해. 질문: 이제 Vuex를 상태 관리에 사용할 수 있으면 좋겠지만 모든 예는 웹 팩을 사용하는 것처럼 보인다. 데이터 저장소를 생성하고 Vue의 반응성을 유지하기 위한 Vuex의 대체 시스템이나 빌드 시스템이 없는 경우? 고마워, 그리고 흔치 않은 질문으로 미안해 - 나는 대부분의 사람들이 웹 팩을 사용한다는 것을 알아! 패키지 작성기 없이 vuejs 및 vuex에 CDN 라이브러리를 사용할 수 있다.단순..

IT이야기 2022.05.21

Vue에서 이벤트 버스 및 Vuex 사용

Vue에서 이벤트 버스 및 Vuex 사용 나는 이 질문을 꽤 오랫동안 내 정신의 롤로덱스에 묻어두었다.매우 복잡한 Vue 애플리케이션을 실행 중인데, 이 애플리케이션은 통신해야 하는 구성 요소를 상당히 많이 다루어서Vuex그것을 이용하여.module계통그러나 특정 구성 요소 그룹에 대해서는 다음과 같이 말한다.comments폴더, 예: 주석 디렉토리: 평.vue // 전체 주석 구성 요소 각 의견에 대한 Comment.vue // 구성 요소 새 주석을 작성하기 위한 NewComment.vue // 구성 요소 버스.js // 이 세 가지 구성 요소만을 위한 이벤트 버스 예약 예약한 것을 활용해도 괜찮은가?Event Bus이 세 가지 구성 요소가 서로 통신할 수 있도록 이 디렉토리에만 배치되거나, 이미 대형..

IT이야기 2022.05.21

공리를 부르는 곳.Vue.js 앱에서 사용되는 인터셉터.request.use?

공리를 부르는 곳.Vue.js 앱에서 사용되는 인터셉터.request.use? 나는 Vue.js 앱에서 모든 것을 만들려고 한다.axios요청은 다음 코드로 인증 정보를 자동으로 전달한다. // Add authentication token to each request axios.interceptors.request.use(async config => { const response = await store.dispatch('getUserSession'); if (response && response.accessToken && response.accessToken.jwtToken) { config.headers.AccessToken = response.accessToken.jwtToken; } return ..

IT이야기 2022.05.21

v-if를 사용하여 vuex를 통해 단락을 숨기는 방법

v-if를 사용하여 vuex를 통해 단락을 숨기는 방법 버튼을 클릭하고 단락을 숨길 수 있는 작은 앱을 만들려고 하지만 vuex를 사용하여 구현하려고 한다.나는 내 집에 단락이 하나 있다.vue 파일과 내 정보 단추.vue 파일.나는 버튼 클릭에 조건부로 단락을 숨기길 원하지만 vuex를 사용하여 그것을 달성하고 싶다.내가 어떻게 그럴까?내 가게 js, 집Vue and About.vue는 다음과 같다. This is how my store looks like. import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { show:true, }, mutations: { toggle : s..

IT이야기 2022.05.20

제출의 필드를 비우십시오(ve-validated vue).

제출의 필드를 비우십시오(ve-validated vue). 나는 Vue에서 Vee-validate의 유효성 검사를 위한 양식을 만들고 있다.제출하면 필드를 공백으로 만들고 싶다.그런데 제출하면 필드를 공백으로 만들 때 오류가 발생했어. 누가 나 좀 도와서 정리 좀 해 줄래? 고마워요. 당신은 당신의 문제를 더 잘 설명하는 코드의 작은 부분을 추가할 수 있다. 하지만 당신은 당신의 양식을 제출한 후에 Vee-validate로 이것을 할 수 있다. this.yourField = '' this.$validator.reset() 참조URL: https://stackoverflow.com/questions/55297151/blank-the-field-on-submit-vee-validate-vue

IT이야기 2022.05.20

Vue 플러그인 내에 Vuex 스토어를 캡슐화할 수 있는 방법(설치 기능)이 있는가?

Vue 플러그인 내에 Vuex 스토어를 캡슐화할 수 있는 방법(설치 기능)이 있는가? 플러그인이 있고 이 플러그인은 Vuex를 사용한다. // plugin.js import Vuex from "vuex"; import store from "./store.js"; export default { install(Vue, options) { const storeInstance = new Vuex.Store(store); Vue.prototype.$store = storeInstance; } }; 그리고 그 플러그인에서 나는 상점 객체를 가져온다. // store.js export default { actions: { SOME_RANDOM_ACTION({ state, commit }) { console.log("..

IT이야기 2022.05.19

Vue의 공리에 페이지 지정 매개 변수 추가

Vue의 공리에 페이지 지정 매개 변수 추가 나는 이것을 가지고 있다.Store: const getDefaultState = () => { return { resources: Object, loading: false, query: { title: null, page: 1 }, checked: { type: Array, required: false }, resource: null }; }; export default { namespaced: true, state: getDefaultState(), getters: { resources(state) { return state.resources; } }, mutations: { RESET_STATE(state) { Object.assign(state, getD..

IT이야기 2022.05.19

상태가 업데이트되면 데이터가 변경되는 이유는?

상태가 업데이트되면 데이터가 변경되는 이유는? 나는 vuex와 함께 vue를 사용하고 있고, 나는 단지 문제를 추적하는데 몇 시간을 보냈다.네가 도와줄 수 있을지도 몰라. 내 질문은 왜 내가 새로운 팀을 만든 후에newTeamCreateTeam에서 메서드.뷔, 더listOfTeams내 팀원들.Vue도 업데이트되었는가? 나는 내 팀 vue에서 구독이나 시계, 감시자를 만든 적이 없다.왜?listOfTeams새 팀 추가하면 업데이트되는 겁니까? 이게 바로 vuex의 정확한 행동인가?제발 나를 이해시켜 주세요. 여기 내 팀이 있다.부에를 하다 data() { return { listOfTeams: [] } }, methods: { loadRecord: async function() { const respons..

IT이야기 2022.05.19

Vuex-module-decorator 스토어를 동적으로 등록 및 등록 취소하려면 어떻게 해야 하는가?

Vuex-module-decorator 스토어를 동적으로 등록 및 등록 취소하려면 어떻게 해야 하는가? 나는 a를 가지고 있다.vuex-module-decorators장식된 Vuex 상점.내가 있는 Vue 구성 요소에 따라 모듈을 동적으로 로드하고 언로드하여 모든 스토어가 동시에 로드되지 않도록 하고 싶다(사용 중인 스토어만 로드). @Module({ namespaced: true, name: 'fooStore', store, dynamic: true, }) class FooStore extends VuexModule { bar: string = 'hi'; } export const fooStore: FooStore = getModule(fooStore); 벌거벗은 Vuex로 나는 이것을 할 수 있다.s..

IT이야기 2022.05.18
반응형