prostudy

Vue 라우터를 사용하여 리디렉션할 때 매개 변수를 전달하는 방법 여기에 특정 ID로 양식에 액세스하기 전에 먼저 로그인하는 것을 처리하는 샘플 Vue 라우터가 있다. router = new VueRouter({ routes: [ {path: '/form/:id', redirect: '/login'}, {path: '/login', name: 'Login', component: Login} ] }); 내가 http://localhost:8080/form/c101-101을 실행하면 로그인 구성요소로 직접 리디렉션되고 로그인을 시도할 때 로그인이 전달된 :id 매개 변수에 계속 액세스할 수 있는 방법이 있는가?로그인 컴포넌트 내 $route.params.id은 정의되지 않았다.리디렉션 시 :id를 전달할 수..

Typecript Vuex 객체가 알 수 없는 유형인 Vue Vuex 나는 타입스크립트의 Vuex를 작동시키려 하는데 문제가 있다.나는 아래 첫 번째 그림과 같이 딱 맞는 타이프 없이 예시를 했다.나는 Vuex 모듈을 생성한 후 아래와 같이 추가한다. src -> store -> index.js import Vue from 'vue'; import Vuex from 'vuex'; import robotsModule from './modules/products'; Vue.use(Vuex); export default new Vuex.Store({ modules: { products: productsModule }, }); src -> store -> modules -> product.js import ax..

UnicodeEncodeError: 'ascII' 코덱이 위치 20에서 문자 u'\xa0'을 인코딩할 수 없음: 서수가 범위(128)에 없음 다른 웹 페이지(다른 사이트)에서 가져온 텍스트에서 유니코드 문자를 처리하는 데 문제가 있어.BeautifulSoup을 사용하고 있다. 문제는 오류가 항상 재현 가능한 것은 아니며, 때로는 일부 페이지와 함께 작동하기도 하고, 때로는 a를 던져 barfing하기도 한다는 것이다.UnicodeEncodeError나는 내가 생각할 수 있는 모든 것을 시도해 보았지만, 어떤 종류의 유니코드 관련 오류를 던지지 않고서는 일관성 있게 작동하는 것을 발견하지 못했다. 문제를 일으키는 코드의 섹션 중 하나는 다음과 같다. agent_telno = agent.find('div',..

Scheduler.animationFrame과 fromEvent(윈도우, 'scroll') 스트림을 rxj로 어떻게 결합하시겠습니까? 나는 두개의 관찰력이 있다.Observable.of(0, animationFrame)&Observable.fromEvent(window, 'scroll')나는 그것들을 결합해서 나의 것.renderScrollBar(event)애니메이션 프레임의 눈금에서만 호출된다. Observable.fromEvent(window, 'scroll') .map((event: any) => event.currentTarget) .subscribe((event) => { this._renderScrollBar(event); }); let x = 0; Observable.of(0, animati..

선택적 하위 구성요소 렌더 여기 도움이 필요한 기본적인 질문.이럴 때마다.상위 구성요소에서 호출되는 setState, 모든 하위 구성요소가 렌더링된다.이것은 내가 엄청난 양의 아동 구성품을 가지고 있다면 성능 문제를 일으킬 것이다. 예를 들어보자. 상위 구성 요소 handleToggleTick() { const newObj = Object.assign({}, this.state, { iconName: ''}); this.setState({ iconName: newObj.iconName, }); } render() { return( this.handleToggleTick}> ) } 위의 예에 따라 handleToggleTick이 childcomponentA에서 호출될 때마다 setState가 새 iconN..

Vue.js와 함께 dotenv를 사용하는 방법 내 vue 앱에 환경 변수를 추가하려고 해. 여기 나의 내용이 있다..env루트에 위치하는 파일(기본값)src): VUE_APP_GOODREADS_KEY = my_key 그리고 위에 도트 엔비(dot envi)main.js import Vue from 'vue' import App from './App' import VueResource from 'vue-resource' import Vuetify from 'vuetify' import dotenv from 'dotenv' dotenv.config() import { router } from './router' import store from './store' 내 스토어 내에서 이 변수를 사용하려는 경우...

bootstrap-vue의 위치 변경 기본적으로페이지 맨 위에 있는 쇼들속성 시centered태그에 추가됨.중심이다. 다만, 페이지 상단의 아래 일정한 간격을 두고 모달(모달)을 보여주고 싶다. 모달은 홈 페이지가 열리면 나타난다. 앱모달.부에를 하다 //... 앱홈.부에를 하다 // omitted 모달과 관련된 html 소스 // ommitted 당신이 볼 수 있듯이.mymodal클래스가 올바르게 적용됨.하지만 디브.modal-dialog내가 준 css 속성이 없어 개발 도구에 있는 실제 css 속성 .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } 사용자 지정 클래스를 에 추가하려고 시도했다...

공리에서 "이전" 콜백을 구현하는 방법 난 지금 프로젝트를 쓰고 있다.Vue.js(사용)axios파일 업로드 기능 포함. 그 전에 조치를 실행해야 한다.POST요청이 들어오다axios: axios.post('/upload', form, { before: (xhr) => { fileObject.xhr = xhr; }, onUploadProgress: (e) => { //emit progress event etc... console.log('upload progress: ' + e.loaded); } }).then((response) => { console.log('finished...'); //emit finished event etc... }, () => { console.log('error...'); ..

기본 반응 보기에 레이아웃 강제 적용 I have a react NativeViewa를 포함하는Text필드, 그리고 나는 그것이 제공하는 데이터에 의존하는 위치 계산을 위해 onLayout 소품을 사용하고 있다. {this.props.content} 이것은 잘 먹히지만, 그 다음이 되는 시나리오는 있다.content동일한 문자 크기의 다른 문자열에 대한 업데이트를 지원하십시오.이로 인해 레이아웃이 변경되지 않고onLayout트리거링하지 않음. 이러한 위치 계산은 매번content업데이트 지원 참고: 구성 요소를 업데이트하는 많은 방법이 있다는 것을 알고 있다.업데이트는 레이아웃과 다르며 슬프게도 트리거되지 않음onLayout.내용에 따라 고유한 키를 가질 수 있다.구성요소의 주요 속성이 변경될 때마다 그..

형식 지정 함수에 '이것'의 유형을 선언하는 것은? 나는 TypeScript에서 투덜거리는 작업을 쓰고 있다.나는 자바스크립트에 이미 가지고 있는 것을 번역하려고 해. 그래서 그룬트가 작업을 실행하면 함수를 실행한다.실행 시 그룬트가 설정됨thisjQuery가 과부하하는 것과 같은 방식으로 유용한 속성이 있는 객체로this당신이 작업하는 요소와 함께.다음과 같은 유용한 속성에 액세스할 수 있다.this.files; grunt.registerMultiTask('clean', function() { this.files.forEach(function(f) { Delete(f); }); }); "모든 파일 삭제"this.files". 그러나, TypeScript에서, 나는 당신이 그 컴파일러를 'hint'할 수..