prostudy

Vue.js 컴포넌트 내의 모멘트 라이브러리를 사용하는 방법 끝나고,yarn add moment 난 노력했어... import moment from 'moment' Vue.prototype.moment = moment & import moment from 'moment' Vue.use(moment) & var moment = require('moment'); Vue.use(moment) 아무 것도 잘 안 돼요.온갖 이상한 에러 메세지가 뜬다! Vue.js 2에서 모멘트 라이브러리를 사용하는 방법을 알 수 있습니까?드디어 성공했어! 불러moment()컴포넌트 내부에서methods차단합니다. 사용 예:- {{isToday("12-02-1980")}} 저는 TypeScript를 사용할 때, *을(를) 'mak..

Vue 구성 요소에서 경로를 지정하는 올바른 방법 Angular 2/4에서는 다음과 같이 루트를 실시합니다. guide.component.ts: @Component({ selector: 'app-guide', templateUrl: './guide.component.html', styleUrls: ['./guide.component.scss'] }) export class GuideComponent implements OnInit, OnDestroy { guide-module.ts: const routes: Routes = [ { path: 'guide/:layout', component: GuideComponent } ]; @NgModule({ imports: [RouterModule.forChild(..

vue-material 구성 요소의 임의 로드 오류 이번 주부터 Vue.js와 VueMaterial을 가지고 놀기 시작했어요.Javascript는 몇 년 동안 하지 않았기 때문에 매우 즐겁고 전혀 새로운 것입니다(네이티브 안드로이드는 제 취향입니다). 저는 현재 프레임워크 라이프 사이클에 대한 저의 지식 부족과 관련된 매우 이상한 문제를 안고 있습니다. 쟁점. Chrome에서 처음 프로젝트를 수동으로 로드/갱신할 때 어떤 이유로 인해 VueMaterial 컴포넌트 로드에 실패하고 다음 메시지가 나타납니다. 알 수 없는 사용자 지정 요소: md-toolbar - 구성 요소를 올바르게 등록했습니까?재귀 구성 요소의 경우 "이름" 옵션을 제공해야 합니다. 프로젝트에서 사용하는 모든 VueMaterial 컴포넌..

Vue 라이프 사이클 리스너를 동적으로 추가하는 방법 vue 컴포넌트가 파괴되었을 때 호출할 수 있어야 하는 특정 함수는 있지만 이벤트가 생성되기 전에 반드시 무엇인지 알 수는 없습니다. vue 라이프 사이클 이벤트에 청취자를 동적으로 추가하는 방법이 있습니까? 달성하려고 하는 것: ...methods: { logOnDestroy(txt) { this.$on('beforeDestroy', () => { console.log(txt) } } } 그러나 그것은 현재 호출되지 않았다.런타임에 청취자를 컴포넌트 라이프 사이클이벤트에 프로그램적으로 바인드하는 다른 방법이 있습니까?좀 더 간단하게 할 수 없냐고 물으실 수도 있습니다. Vue.js 컴포넌트 훅을 이벤트로 하면 다음과 같은 구문을 찾을 수 있습니다. ..

사용자 편집 가능한 Vue 템플릿 제 앱에는 청구서, 이메일 등의 템플릿이 있습니다.사용자가 요소를 드래그 앤 드롭하여 템플릿을 편집할 수 있도록 하고 싶습니다.현재 사용하고 있습니다.vue-loader와 함께webpack내 vue 파일을 순수 JS로 미리 컴파일합니다. 데이터베이스에서 vue 템플릿을 바로 로드할 수 있습니까?나는 이 게시물을 보았지만 이것은 사용하지 않는다.vue-loader코드를 사용하여 컴포넌트의 템플릿을 덮어쓰는 방법을 잘 모르겠습니다.예를 들어 다음과 같습니다. created: function () { this.$template = 'Loaded from the DB!' } 도움이 될 것 같아요이게 가능합니까? 편집: 다음을 시도했지만 오류가 발생함Failed to execut..

Vue.js - vue-axios 응답 데이터를 저장 및 표시하려고 할 때 공리가 정의되지 않음 나는 얻을 수 없을 것 같다.vue-axios브라우저에 데이터를 가져오기, 저장 및 표시합니다.제가 이걸 해봤는데undefined언제getData버튼을 클릭합니다. new Vue({ el: '#app', data: { dataReceived: '', }, methods: { getData() { axios.get('https://min-api.cryptocompare.com/data/price?fsym=BTC&tsyms=USD') .then(function(response) { this.dataReceived = this.response; console.log(this.dataReceived); return ..

Vue 라우터 링크에서 밑줄을 제거할 수 없음 밑줄을 없애기 위해 거의 모든 노력을 다 한 것 같아요router-link. 코드는 다음과 같습니다. Plan Your Trip COVID-19 Visa Essentials 하위 링크에서만 밑줄을 제거하려고 합니다. 내가 시도한 것: 인라인 스타일 COVID-19 클래스 할당 COVID-19 태그 선언 COVID-19 별도의 태그 할당 + 해당 태그에 대한 클래스 선언 COVID-19 이건 몇 가지 목록일 뿐이야. 말 그대로 내가 생각할 수 있는 모든 방법을 시도해봤어.Vue를 커스터마이즈하는 데 부족한 점이 있습니까?router-link?사용하다display: inline-block;text-decoration:none;trick은 inline-block;..

Vue: 렌더링된 이름 있는 슬롯 내의 Vue 컴포넌트 메서드에 액세스합니다. 컴포넌트의 이름 있는 슬롯에 렌더링된 Vue 컴포넌트의 기능에 액세스하려면 어떻게 해야 합니까? 다음과 같은 구조를 가지고 있습니다. 부모 컴포넌트표시하다 ... //Another component, and so on ... Util Component(유틸리티 컴포넌트)표시하다 ... ... Child Component(Child Component)표시하다 ... methods: { myFunction () { // do something } } ... 인UtilComponent, 에 액세스 하고 싶다.ChildComponent의myFunction()(버튼을 클릭할 때는 마운트되지 않습니다).사용해보았습니다.this.$slot..

쇼트 코드에서 Vue 2 컴포넌트를 동적으로 주입합니다. 사용자가 쇼트 코드를 포함한 텍스트를 입력할 수 있는 폼이 관리 영역에 있습니다. 오븐을 [125 c=200]으로 가열합니다. 내가 원하는 것은 이다.temp프런트 엔드에 표시되어 있는 경우는, 해석해 Vue 2 컴포넌트로 변환합니다. 여기 간략화된 것이 있습니다.Temperature.vue컴포넌트: {{ celsius }}°C 그리고 여기 간단한 것이 있습니다.Instructions.vue쇼트 코드로 텍스트를 해석 및 렌더링하는 컴포넌트: 해석은 정상적으로 동작하며, 치환은 프런트 엔드로 인쇄됩니다.근데...태그는 Vue 컴포넌트가 아닌 문자 그대로 렌더링됩니다.이것은 어느 정도 예상되고 있습니다. 오븐을 로 가열 머리를 싸매지 못할 것 같은 것..

VUE : Vuelidate between.스토어 값에서 최대값을 사용하시겠습니까? 양식 입력을 검증하기 위해 VUE와 Vuelidate를 사용하고 있습니다.이 경우...mapGetters를 통해 스토어에서 데이터를 가져오는 모달 팝업입니다. static 값을 다음과 같이 설정하면 동작합니다. validations: { refundAmount: { between: between(0, 40) } }, 그러나 다음과 같은 스토어의 값을 사용할 경우 값에 대해 매핑되지 않습니다. validations: { refundAmount: { between: between(0, this.selectedOrder ? this.selectedOrder.totalprice : 0) } }, 내 추측으로는...이.select..