반응형

분류 전체보기 678

Vuex + FireBase 데이터베이스 작업

Vuex + FireBase 데이터베이스 작업 Vuex 앱에서 파이어베이스를 사용하고 있습니다.vuex에서 이 액션이 있습니다. async deleteTodo({ commit }, id) { await fbs.database().ref(`/todolist/${store.state.auth.userId}/${id}`) .remove() .then(() => { // fix this console.log('Todo deleted', commit); }) } 어떻게 건너뛸 수 있나요?{commit}내가 뭔가를 할 필요가 없다면 말이죠.'commit assigned but never used'와 같은 오류가 발생함deleteTodo({ commit }, id)는 첫 번째 파라미터를 삭제합니다.액션이 실제로 받는..

programing 2022.07.09

vuex-persist를 사용하는 Nuxt.js - 페이지 새로 고침 시 비동기 데이터에서 지속 상태를 사용할 수 없음

vuex-persist를 사용하는 Nuxt.js - 페이지 새로 고침 시 비동기 데이터에서 지속 상태를 사용할 수 없음 첫 페이지 새로 고침 시 asyncData 함수는 지속 상태를 가져올 수 없습니다.다른 NuxtLink를 팔로우하여 이 페이지로 돌아가면 그 사이에 상태가 변환되지 않은 상태에서 데이터가 표시됩니다.즉, 첫 번째 로드/갱신 시 서버 측에서 지속 상태를 사용할 수 없습니다.Local Storage는 관련 상태 항목을 유지하도록 선택하는 곳입니다. 비동기 데이터를 사용하는 페이지 구성 요소: asyncData({ app, params, store }) { //its not available upon first refresh, but is after following a random nuxt..

programing 2022.07.09

Nuxt에서 외부 js 파일을 추가하는 방법은 무엇입니까?

Nuxt에서 외부 js 파일을 추가하는 방법은 무엇입니까? 자산/js에 script.js라는 js파일이 있습니다.다음과 같이 nuxt.config.js에 포함하려고 했습니다. head: { title: pkg.name, meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: pkg.description } ], link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } ], script: [ { src: '/assets/js/sc..

programing 2022.07.09

vue.js가 사이트 또는 웹 앱에서 사용되는지 확인하는 방법

vue.js가 사이트 또는 웹 앱에서 사용되는지 확인하는 방법 콘솔에 명령어가 있습니까?아니면 이런 텔스토리도ng사이트 또는 앱에서 사용되는지 여부를 알려주는 vue용 각도로 사용되는 지침 Vue dev 툴은 다음과 같은 접근 방식을 사용하는 것으로 보입니다. const all = document.querySelectorAll('*') let el for (let i = 0; i < all.length; i++) { if (all[i].__vue__) { el = all[i] break } } if (el) { // Vue exists! } else { // Vue does not exist :-( } 언급URL : https://stackoverflow.com/questions/48546366/how-..

programing 2022.07.09

getopt는 선택적 인수를 매개 변수로 해석하지 않습니다.

getopt는 선택적 인수를 매개 변수로 해석하지 않습니다. C에서 getopt_long은 명령줄 파라미터에 대한 옵션의 인수를 해석하지 않습니다. 프로그램을 실행하면 다음 실행 예시와 같이 선택적 인수가 인식되지 않습니다. $ ./respond --praise John Kudos to John $ ./respond --blame John You suck ! $ ./respond --blame You suck ! 테스트 코드입니다. #include #include int main(int argc, char ** argv ) { int getopt_ret, option_index; static struct option long_options[] = { {"praise", required_argument, ..

programing 2022.07.09

루트 파라미터 vuej에 따라 컴포넌트/템플릿 로드

루트 파라미터 vuej에 따라 컴포넌트/템플릿 로드 이것을 vuejs에 실장할 수 있는지 묻고 싶습니다만, 기본적으로 코드는 paramurl에 페이지/템플릿 베이스를 로드합니다.한참을 검색했는데 필요한 결과를 얻지 못했거나 잘못된 키워드를 검색한 것 같습니다. 내 URL은 이와 같기 때문에 루트의 URL은 동적이기 때문에 수동으로 선언할 수 없습니다.데이터베이스에서 가져옵니다. path: '/user/page_type 정말 감사합니다! export default { mounted () { if(this.$routes.params.page_type == "home"){ // Load Homepage Here // ../../../page/HomePage.vue } else if(this.$routes.pa..

programing 2022.07.09

Vue.js - Enter 키를 사용하여 양식을 제출하려면 어떻게 해야 합니까?

Vue.js - Enter 키를 사용하여 양식을 제출하려면 어떻게 해야 합니까? 매우 간단한 입력 추가 시type="submit"더 이상 입력을 입력할 수 없습니다.그냥 버튼처럼 변해요!그래서 폼을 만들고, 버튼을 추가하고(제출하게 하고), 버튼을 숨길 수 있는 솔루션을 찾았습니다. 입력만으로 어떻게 할 수 있을까요? (버튼을 숨기지 마세요)그@submit이벤트는 폼 요소에 추가해야 합니다. Vue.config.devtools = false; Vue.config.productionTip = false; new Vue({ el: '#app', data() { return { message: '' } }, methods: { printToConsole() { console.log(this.message) }..

programing 2022.07.09

Firebase 및 VueJ: 미포함(예약) DOMException:원본이 "http://localhost:3000"인 프레임을 차단했습니다.

Firebase 및 VueJ: 미포함(예약) DOMException:원본이 "http://localhost:3000"인 프레임을 차단했습니다. 공식 Firebase 인증 튜토리얼을 따르고 있는데 다음 코드에 대해 이 오류가 계속 나타납니다. const provider = new firebase.auth.GoogleAuthProvider() firebase.auth() .signInWithPopup(provider) .catch((error) => alert(error.message)) .then((data) => console.log(data.user, data.credential.accessToken)) 콘솔 오류는 다음과 같습니다. backend.js:12632 Uncaught (in promise)..

programing 2022.07.05

vuex- 상태가 함수 또는 개체 리터럴로 반환됨

vuex- 상태가 함수 또는 개체 리터럴로 반환됨 얼마 전 어떤 문제에 부딪혀 큰 스택 커뮤니티에 해결책을 요청했습니다. 문제: 같은 모듈을 다른 모듈에 네스트했는데 상태를 정의하는 방법은 다음과 같습니다. state: { // some state here } 서로 다른 모듈 아래에 중첩되어 있는 것처럼 보여도 모든 모듈이 동일한 상태를 공유했습니다. 해결 방법 state() { return { // state here instead } } 해결책은 함수를 개체 리터럴로 정의하는 것이 아니라 함수 반환 상태를 갖는 것입니다.그 이유는 어느 정도 일리가 있다.질문 드리겠습니다. 새로운 질문 상태가 오브젝트 리터럴과 오브젝트 리터럴을 반환하는 함수로 정의되면 스토어 후드 아래에서 어떤 일이 발생합니까? 함수..

programing 2022.07.05
반응형