반응형

vuex 217

Vue에서 물체를 제대로 보는 방법?

Vue에서 물체를 제대로 보는 방법? 나는 컴퓨터 오브젝트에 Vue watcher를 사용하려고 하는데 전혀 작동하지 않는다.끈만 있으면 제대로 작동하지만, 물건이라면 제대로 작동하지 않는다.나는 Vue 설명서를 따라갔지만 개체가 변경될 때 콘솔에 아무것도 기록되지 않고 있어.Vue Tools에서 확인한 바와 같이 객체와 계산된 속성의 속성이 변하고 있다.내가 뭘 잘못하고 있는 거지?고마워요. Test data() { return { test1: {}, } }, computed: { test() { return this.test1 } }, watch: { test: { handler: function(val, oldVal) { console.log(oldVal, val); }, deep: true } } ..

IT이야기 2022.04.12

Vue에서 입력 정리 방법.Js

Vue에서 입력 정리 방법.Js 나는 기능완료후 클린입력에는 거의 문제가 없다. 누군가가 내가 무엇을 잘못하는지 나에게 말해줄수 있다. 기능이 완료된후 나는 입력을 청소하려고 노력한다. 그러나 나는 어떠한 결과도 가지고 있지 않다. 이것은 Vue 컴포넌트에서의 나의 코드다. Upload File Choose file Upload Loader methods: { handleFileUpload(){ this.file = this.$refs.file.files[0] }, onClickUploadAccounts(){ let formData = new FormData(); formData.append('file', this.file); this.$store.commit('imports/setIsLoad', tru..

IT이야기 2022.04.12

Vue.use()가 "정의되지 않은 속성 '사용'을 읽을 수 없음"을 던지는 경우

Vue.use()가 "정의되지 않은 속성 '사용'을 읽을 수 없음"을 던지는 경우 시도 1 main.js. import { createApp } from 'vue' import { store } from './store/store' import App from './App.vue' Vue.config.productionTip = false const app = createApp(App) app.use(store) app.mount('#app') store.js. import Vuex from 'vuex' import Vue from 'vue' Vue.use(Vuex) export const store = new Vuex.Store({ state: { patients: [] } }); 시도 1 오류 Unc..

IT이야기 2022.04.12

babelify에서 babelify할 배관 중 transform-object-rest-spread를 사용할 수 없음

babelify에서 babelify할 배관 중 transform-object-rest-spread를 사용할 수 없음 변환-객체-휴식-스프레드 바벨 플러그인을 내 꿀꺽 빌드 파이프라인에 사용하려고 한다. 보통 나는 이것을 .babelrc 파일에 플러그인으로 추가하려고 하지만, 이 파이프라인은 다른 babel 옵션을 필요로 하는 오래된 gulp pipeline과 평행하게 실행되는 새로운 추가기 때문에 plugin을 파이프라인에 지정해야 한다. 이것이 내가 현재 구축한 꿀꺽 과제다. gulp.task('frontend-browserified-js', () => { var stream = browserify(`${files.frontendbrowserifiedjs.sourcePath}/${files.fronte..

IT이야기 2022.04.10

Vuex: 왜 우리는 돌연변이, 행동, 게이터를 대문자로 씁니까?

Vuex: 왜 우리는 돌연변이, 행동, 게이터를 대문자로 씁니까? 돌연변이, 행동, 게이터의 함수 이름을 대문자로 쓰는 이유가 궁금하네.이 협약은 어디에서 유래되었는가? export default { SOME_MUTATION (state, payload) { }, ANOTHER_MUTATION (state, payload) { }, } 버트가 받아들인 대답은 약간 오해의 소지가 있다.상수변수는 전통적으로 모든 대문자로 표기되어 있지만, 문제에서 사용하는 방식이 상수변수가 되지는 않는다. 이를 통해 코드는 라이너와 같은 툴링을 활용할 수 있다. 공식 Vue.js 설명서는 모든 캡을 사용할 것을 권장하지만, 추가 파일의 변수로 사용할 것을 권장한다.이를 통해 다른 파일에 사용 가능한 기능 이름을 요구하고 자..

IT이야기 2022.04.10

Vue는 반응성 물체로 만들어진 구성 요소를 받았다.

Vue는 반응성 물체로 만들어진 구성 요소를 받았다. 내가 해결해야 할 문제: 나는 VueJS3를 기반으로 약간의 Vue-app을 쓰고 있다. 여러 가지 사이드바를 받았는데, 사이드바를 두 개 이상 동시에 여는 경우를 막아야 해. 이것을 보관하기 위해 나는 이 기사를 따라가고 있다. 이제 문제가 생겼어 Vue는 반응성 물체로 만들어진 구성품을 받았다.이는 불필요한 성능 오버헤드로 이어질 수 있으며, 구성 요소를 다음 항목으로 표시하여 방지해야 한다.markRaw또는 사용shallowRef대신에ref. (6) 이건 내 암호야 SlideOvers.vue UserSlideOver.vue test slideovers.js(vuex-store) import * as types from '../mutation-ty..

IT이야기 2022.04.10

반응이 오류인데 왜 약속은 .그러면()으로 들어가는가? - 라라벨

반응이 오류인데 왜 약속은 .그러면()으로 들어가는가? - 라라벨 나는 vue.js와 vuex와 vue 라우터로 Laravel에서 SPA를 만들고 있다.내 상점에서 로그인을 위해 조치를 취했지만, 잘못된 자격 증명으로 로그인하면 정말 이상한 일이 일어난다.올바른 자격 증명으로 로그인하면 잘 작동한다. 그래서 그것은 다음의 것들을 논박한다. 로그 인. app.js:279 POST http://127.0.0.1:8000/api/auth/login 401(승인되지 않음) app.js:58018 로그인 성공 app.js:58023 로그인 실패 app.js:43201 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "..

IT이야기 2022.04.10

Vuex가 돌연변이를 인식하지 못함

Vuex가 돌연변이를 인식하지 못함 여기는 나의 vuex 루트 스토어다. export default new Vuex.Store({ state: { account: {} }, mutations: { set_account(state,payload) { console.log("I AM INSIDE MUTATIONS", ) } }, actions: { setAccount({ commit }, payload) { return new Promise((resolve, reject) => { commit(set_account, payload) resolve() }) } }, plugins: [vuexLocal.plugin], modules: { auth, update } }); 여기서 커밋할 계정 설정 작업 후set_..

IT이야기 2022.04.10

vue.js 애플리케이션의 상태 업데이트에 사용할 항목(rxJs 대 Vuex)

vue.js 애플리케이션의 상태 업데이트에 사용할 항목(rxJs 대 Vuex) 휴관. 이 질문은여론에 근거한그것은 현재 답을 받아들이고 있지 않다. 이 문제를 개선하고 싶으십니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 2년 전에 문을 닫았다. 이 질문 개선 나는 vue.js를 처음 접하지만 1년 동안 각도 6에 손을 댔어.나는 매우 쉽다는 RxJs를 사용하여 Angle의 성분들을 업데이트하곤 했다.지금 Vue를 우연히 발견했을 때, vuux가 구성 요소의 상태를 업데이트하는 기사에 나타났다.구성 요소의 상태를 업데이트하는 것이 더 나은 것은? vuex 상태 관리를 사용하여 상태를 업데이트하거나 rxJs를 사용하여 반응형 프로그래밍을 사용하는 것이 더 나은가? /..

IT이야기 2022.04.09

js 파일에서 mapState를 사용하는 방법?

js 파일에서 mapState를 사용하는 방법? 다음 주소에서 주(州)에 액세스하고 싶다..js을 이용하여 철하다mapStateVue.js. 노력했다 import { mapState } from 'vuex'; const foo = { ...mapState(['axios']), }; foo.axios.get('...'); 하지만 효과가 없어에러는 TypeError: foo.axios.get is not a function 그것을 이루기 위해서는 어떻게 해야 할까? 나는 다른 질문들을 검색해 보았지만, 그들은 다음으로부터 접근한다.store.state. ...사용하지 않고mapState내가 원하는 거야을 사용하는지mapState컴포넌트에 계산된 속성을 생성하기 위한 방법으로 매우 많이 사용되기 때문에 좋은 ..

IT이야기 2022.04.03
반응형