반응형

vuejs2 143

Stripe() 값이 잘못되었습니다.apiKey는 문자열이어야 합니다.지정한: 정의되지 않음

Stripe() 값이 잘못되었습니다.apiKey는 문자열이어야 합니다.지정한: 정의되지 않음 "Vue Stripe Checkout 3" 컴포넌트를 사용하고 있는데 구현하려고 하면 다음 오류가 나타납니다. Invalid value for Stripe (): apiKey should be a string. You specified: undefined. 데이터에는 다음이 있습니다. publishableKey: process.env.PUBLISHABLE_KEY, 또한 키를 직접 추가하려고 했는데(publishableKey: 'my key') 동작하지 않았습니다.소품 안에 직접 넣으려고 했는데 아무것도 안 넣었어요. Pagar 잘 부탁드립니다.Next.js 앱에서도 비슷한 오류가 발생했는데, 이 오류는 키를 입력..

sourcecode 2023.01.10

vuejs에서 http referre를 얻는 방법

vuejs에서 http referre를 얻는 방법 내 페이지에서 어느 페이지에서 사용자가 왔는지 알고 싶습니다. 현재 이 정보는 created() 페이지 또는 mounted() 페이지에서 입수하고 싶습니다.이걸 이용해서.$140 아니면 이것.$route는 이 정보가 포함되어 있지 않습니다. 네비게이션 가드에서는 다음을 사용할 수 있습니다. router.beforeEach((to, from, next) => { }) 페이지의 발신원을 알 수 있습니다만, 라우터를 사용하고 싶지 않습니다.각각 main.js에 있기 때문에, 참조처를 취득하는 장소는, 작성/마운트 된 메서드 중 어느 쪽의 컴포넌트 페이지에 있습니다. 이게 가능합니까? 사용할 수 있습니다.this.$route.queryApp.vue의 mounte..

sourcecode 2022.11.27

종료하기 전에 NUXT에 JS 파일을 추가하는 방법

종료하기 전에 NUXT에 JS 파일을 추가하는 방법 NUXT에 javascript 파일을 추가하려고 하는데 nuxt.config를 사용하여 javascript를 추가하려고 하면 작동하지만 원하는 대로 되지 않습니다. head: { title: 'mynuxt', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: 'Nuxt.js project' } ], link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }, { rel: '..

sourcecode 2022.11.06

vue를 사용하여 lodash에 메서드를 전달하면 '예상된 기능'이 제공됩니다.

vue를 사용하여 lodash에 메서드를 전달하면 '예상된 기능'이 제공됩니다. Lodash Throttle 방식으로 Vue 기능을 전달하려고 합니다.이런 거 하면 되는 거 아니에요? 이것을 실행하려고 하면, 다음의 에러가 발생합니다. 워처 "쿼리"에 대한 콜백 오류: "TypeError: 예상된 함수" 감시자 watch: { query() { throttle(this.autocomplete(), 400); } } 방법들 methods: { autocomplete() {} } 함수 참조를 전달하고 있는데도 오류 메시지가 나타납니다.익명 기능으로 감싸면 부팅되지 않습니다. throttle(() => { this.autocomplete(); }, 400); 방금 확인했는데autocomplete위의 예에서는 ..

sourcecode 2022.10.27

Vue - 확인 메시지에서 스타일 사용자 입력(특정 html 태그 허용)

Vue - 확인 메시지에서 스타일 사용자 입력(특정 html 태그 허용) Vue를 사용하여 "Are you sure you want to delete ' { item Name} }?"와 같은 확인 모드를 표시합니다. Javascript 문자열이 템플릿에 포함된 변수에 바인딩되어 있으면 충분히 쉽습니다. 하지만, 만약 제가 이 모든 것들을itemName그것을 강조하기 위해 이탤릭체로 쓴다면, 내가 찾을 수 있는 유일한 방법은v-html물론 XSS에도 개방됩니다. 현의 일부를 스타일링할 수 있는 방법이 있나요?sanitize-html과 같은 패키지를 사용해 볼 수 있습니다.방법은 다음과 같습니다. 인스톨: npm install sanitize-html main.filename: import sanitizeH..

sourcecode 2022.10.27

템플릿이 없는 컴포넌트

템플릿이 없는 컴포넌트 서버에 API를 호출하여 JSON을 반환하는 코드가 있습니다. 내 컴포넌트에는 메서드로 존재했지만, 조금 길어지고 있기 때문에 자신의 파일로 압축을 풀고 싶다. vuejs에서는 무엇이 베스트 프랙티스인가. 템플릿이 없는 컴포넌트여야 합니까?이게 어떻게 작동할까요? es6 모듈만 만들면 되나요? 여기에 믹스인을 사용하는 것이 좋습니다. myCoolMixin.js와 같은 파일에서 믹스인을 정의합니다. export default { methods: { myAwesomeMethod() { //do something cool... } } } 컴포넌트와 마찬가지로 믹스인의 모든 것을 정의할 수 있습니다.예를 들어 데이터 객체, 계산 속성 또는 감시 속성 등입니다.그런 다음 컴포넌트에 믹스인을..

sourcecode 2022.09.13

어떻게 내가 약속 전화 간단히 뷰 앱 또는 구성 요소의 속성을 업데이트할 수 있을까요?

어떻게 내가 약속 전화 간단히 뷰 앱 또는 구성 요소의 속성을 업데이트할 수 있을까요? 나는 다음과 같은 Firebase 콜백에서 뷰 속성을 업데이트 하는 것 하지만 소용없었어요.이 코드 methods: { sign_out : function(e) { this.item_count = 0 } } 작품들은지만 속성이 약속 콜백에서 설정됩니다:. methods: { sign_out : function(e) { firebase.auth().signOut().then(function() { this.item_count = 0 }) }, 어떻게 이번 사건에 한 속성의 가치 세울 수 있을까요?당신의.this콜백는 것은 틀린 개체를 가리키고 있다.당신이 이 문제를 해결할 수 있는 몇가지 방법이 있다. Captureth..

sourcecode 2022.09.12

vue-router에 의해 페이지가 다시 열리면 VueJS 후크 마운트()가 호출되지 않음

vue-router에 의해 페이지가 다시 열리면 VueJS 후크 마운트()가 호출되지 않음 제발, 아래 플럭스를 봐주세요, 제 문제를 보여주고 있어요.vue-router를 사용하고 있습니다.this.$router.push참조할 수 있습니다.페이지A부터 시작할게요 페이지 A -> 페이지 B (mounted()호출된 페이지 B) 페이지 B -> 페이지 A (페이지 A로 돌아가기) 페이지 A -> 페이지 B (mounted()호출되지 않음) 페이지(.vue component)가 닫히지 않고 캐시 또는 기타 정보로 유지되고 있는 것 같습니다.를 사용해야 합니다.mounted()페이지를 열고 닫을 때마다 캐시에서 정리할 수 있습니다.어떻게 하면 해결할 수 있을까요?vue컴포넌트를 재사용할 수 있었습니다.이것은 예..

sourcecode 2022.09.03

Vue/Nuxt 비동기 메타 태그 생성

Vue/Nuxt 비동기 메타 태그 생성 vue.mnuxt의 nuxt에 관한 것입니다.는 용용 we we we we we we we we wenuxt generate정적 html 파일을 생성합니다.이 파일에는 SEO 태그와 og 태그도 포함되어 있어야 합니다.그래서 메타 정보를 생성하기 위해 핵스트(nuxt)를 사용하는 거야 아직까지는 좋아.그러나 현재 네스트된 루트에 비동기적으로 포스트를 로드하는 페이지가 있습니다.그 페이지로 이동하면 Ajax 콜을 통해 투고 데이터가 로딩됩니다.그런 다음 게시물의 메타를 사용하여 다음을 채웁니다.. 는 (된 후) 올바르게 만, 「 정보」를 하면,nuxt generate메타 하지 않습니다.head (). 그래서 우리의 정적 html에는 필요한 메타 정보가 포함되어 있지 ..

sourcecode 2022.09.03

express 및 vue js를 사용하여 로그인 성공 후 특정 페이지로 리디렉션하는 방법

express 및 vue js를 사용하여 로그인 성공 후 특정 페이지로 리디렉션하는 방법 MPEN 스택을 사용하여 간단한 CRUD 애플리케이션을 개발하고 있습니다.passportJs를 사용한 인증 기능도 추가했습니다.그런데 리다이렉트 오류가 발생하고 있습니다.사용하고 있는 라우팅에 오류가 있는 것 같습니다.아래에 제 코드를 공유했습니다. authRoutes.js var express = require('express'); var authRoutes = express.Router(); var passport = require('passport'), LocalStrategy = require('passport-local').Strategy; app = express(); // Require Item mode..

sourcecode 2022.09.03
반응형