prostudy

vue 어플리케이션에서 Paypal 서브스크립션을 구현하려면 어떻게 해야 합니까? 저는 매달 일정 금액을 사용자 계좌에서 사업 계좌로 차감해야 하는 프로젝트를 진행하고 있습니다.매월 구독을 받기 위한 Paypal 버튼 클라이언트 측(vue)을 작성하려고 합니다.월별 이용자 공제 정보는 데이터베이스에 저장하여야 한다.사용자는 구독을 취소할 수 있는 옵션도 제공해야 합니다.어떤 도움이라도 주시면 감사하겠습니다. 저는 https://developer.paypal.com/docs/subscriptions/integrate에서 제공하는 문서를 좀 더 자세히 살펴본 후 답을 찾아냈고, 그들이 제공하는 절차를 밟았습니다. 순서 헤더에 access_token을 지정하여 API를 통해 제품을 만듭니다. 제품 생성 후 응..

Vue CLI 3으로 Vuetify를 설치한 후 컴파일하지 못함 Vuetify 홈페이지의 명령어를 사용하여 Vuetify로 새로운 Vue 앱을 만들어 보았습니다. 사용한 명령어는 다음과 같습니다. npm install @vue/cli -g vue create my-app // all options are default settings when creating cd my-app vue add vuetify // all options are default settings when running 위의 모든 명령어가 완벽하게 완료되었습니다.단, 핫 새로고침 개발 환경을 기동한 후 다음 명령을 사용합니다. npm run serve 다음의 표준 출력으로서 에러가 발생합니다. > my-app@0.1.0 serve /..

Vue.js - 모델이 변경을 거부하는 경우 입력값 복원 사용자가 소수점 뒤에 최대 3자리 숫자를 입력할 수 있는 텍스트 입력이 있습니다. {{ num }} ... export default { data: () => ({ num: 0 }), methods: { changeNum(e) { let v = parseFloat(e); if (!isNaN(v)) { this.num = parseFloat(v.toFixed(3)); } } } }; 입력했을 경우'123.456',그리고나서num = 123.456텍스트를 첨부하면'789', 입력에는 다음이 포함됩니다.123.456789그렇지만num = 123.456따라서 사용자는 변경이 적용되었다고 생각할 수 있지만 그렇지 않습니다. 이 경우 입력을 강제로 업데이트하..

선택 옵션을 즉시 동적으로 생성 선택 항목이 두 개 있는데 하나는 데이터가 있고 다른 하나는 비어 있습니다.첫 번째가 선택되면 스위치로 잡습니다.값에 따라 옵션 요소를 생성하여 빈 선택 안에 넣습니다. 예를 들어, 내가 일련의 가치관을 가지고 있다고 합시다. var values = ['Hello', 'world', 'etc'] 선택 시 selected(event) { var name; switch (event.target.value) { case 'roth': // append values as options into select, using foreach // such as: // Hello ... } } 템플릿에서 다음 항목을 선택합니다. 두 번째 옵션의 빈 어레이를 정의할 수 있습니다.select스..

Vue 2에서 템플릿을 재사용하려면 어떻게 해야 합니까? 두 가지 양식(추가 및 편집)이 있습니다.두 양식의 모든 필드가 완전히 동일합니다(즉, 템플릿이 동일합니다).두 양식 모두 홈페이지에서 각각의 버튼을 통해 접근할 수 있습니다.단일 Vue 템플릿을 양식 추가 및 편집에 재사용하려면 어떻게 해야 합니까? 저는 TypeScript에 클래스 기반 컴포넌트를 쓰고 있습니다.다음과 같은 컴포넌트를 생성할 수 있습니다.customform컴포넌트에 전달되는 소품을 선언하고 유형(폼 편집, 폼 작성)을 지정한 후 폼 내부에 논리를 작성해야 합니다.다음과 같습니다. 그런 다음 양식 구성 요소에서 다음을 수행합니다. Email: 이 아이디어는 소품을 사용하여 폼을 렌더링할 수 있도록 하는 것입니다(예를 들어 편집이 ..

Vuej 및 부트스트랩 Vue에서 행 편집 사용자가 편집 버튼으로 행을 편집할 수 있는 테이블을 구현하려고 합니다. 전환 기능을 구현할 수 있었지만 단일 행이 아닌 모든 행이 전환되는 문제가 발생했습니다. 행은 인덱스로 선택해야 한다고 생각하고, 실장에서는 할 수 있지만, 그 용도를 찾을 수 없는 것 같습니다. Vue.component('employee-data', { template: /*html*/ ` Employee Data {{ edit ? 'Save' : 'Edit' }} `, props: { employees: { type: Array, required: true } }, data() { return { edit: false, perPage: 3, currentPage: 1, fields: [..

Vue.js - 입력, v-model 및 계산된 속성 사용하고 있다vue-2.4그리고.element-ui 1.4.1. 상황. 나는 기본이 있다.input와 관련지어져 있다.v-model에 대해서computed property.언제blur값 입력이 다음 값보다 큰지 낮은지 확인합니다.min그리고.max난 내가 해야 할 일을 하는 거야여긴 화려한 게 없어. 문제 입력에 표시된 값이 항상 동일하지는 않습니다.enteredValue 재현 순서 1) 입력60--> 표시된 값은 최대값입니다.50그리고.enteredValue는50(괜찮습니다) 2) 외부 클릭 3) 입력80--> 표시된 값은80그리고.enteredValue는50 문의사항 표시되는 값이 항상 같은 값으로 변경되도록 하려면 어떻게 해야 합니까?entere..

vue에서 정확히 언제 다시 발생합니까? 데이터가 변경되면 Vue가 재렌더하는 것으로 알고 있습니다.하지만 후크 기능으로 데이터를 변경할 때처럼mounted, 페이지는 재인스톨 되지 않습니다.다음은 제 코드의 일부입니다. mounted: function () { document.getElementById('lanchange').onclick = function (e) { this.loginPopActive = false this.lanPopActive = false console.log(this.lanPopActive) } } 코드에 문제가 있다this화살표 기능, 클로저 또는bind. mounted: function () { document.getElementById('lanchange').onclic..

오브젝트 프로포트에 필요한 오브젝트 속성이 있는지 확인하는 방법 컴포넌트에 다음과 같이 오브젝트를 전달합니다. 제 컴포넌트 안에는 다음과 같은 선언이 있습니다. props: { ob: { type: Object, required: false, default: {} } } 일반적으로 전달될 것으로 예상되는 개체는 다음과 같습니다. { bar: [], tar: { a: false, } } 이제 소품에서 지나가는 물체가 비슷하다는 것을 어떻게 확인할 수 있을까요?값을 확인할 필요는 없습니다.객체 키, bar, tar 및 tar 내부의 속성(즉, a)이 포함되어 있는지 확인하기만 하면 됩니다.커스텀 검증자를 생성할 수 있습니다. props: { ob: { type: Object, required: false, ..

Django 템플릿에 VueJs 컴포넌트 살포 저는 Django 사이트에서 일하고 있는데 Vue 컴포넌트에서 Django 렌더링 템플릿에 "스프링"하려고 합니다.단일 저장소에서 작업하고 있으며, Django 템플릿 내에서 사용하는 스타일/js 번들을 만들기 위한 웹 팩 설정이 있습니다. Django 템플릿 내의 모든 HTML(또는 대부분의 HTML)을 처리하고 일부 로직에는 Vue 컴포넌트를 사용하고 싶기 때문에 주로 렌더리스 Vue 컴포넌트에 관한 기능을 원하는 대로 사용하는 데 어려움을 겪고 있습니다. 저는 여기서 몇 가지 조언을 듣고 있지만, 그들이 제안한 대로 잘 되지 않았습니다(그렇게 하고 싶다고 생각하고 있습니다만).그리고 스코프 슬롯을 이용할 필요가 있다고 생각합니다. Vue esm 배포를 ..