prostudy

Vue Js - v-for X time(범위 내)을 통한 루프 다음을 통해 루프를 반복하는 방법v-forX(예: 10)번? // want to repeat this (e.g.) 10 times {{ item.name }} - {{ item.price }} 이 문서에는 다음이 표시된다. {{ item }} // or {{ n }} // this doesn't work {{ item.price }} 하지만 Vue는 어디에서 사물의 출처를 알까?의사 말대로 렌더링하면 항목 수와 항목 수는 알 수 있지만 내용은 없다.범위 내에서 인덱스를 사용한 다음 인덱스를 통해 어레이에 액세스하십시오. {{ shoppingItems[index].name }} - {{ shoppingItems[index].price }} 이 ..

VueJ에서 2개의 타사 구성 요소를 병합하는 방법s 나는 Form Tags 구성 요소 bootstrap-vue 프레임워크를 사용하고 있다.양식 태그가 있는 vue-simple-semple-sempt 구성 요소(npm)를 사용하여 사용자 쿼리와 관련된 단어를 제안하고 싶다.사용자는 제안에서 여러 단어를 선택할 수 있으며, 선택한 단어는 아래 그림과 같이 양식 태그에 알약으로 저장된다. 두 구성 요소를 단일 구성 요소(또는 더 나은 방법)로 병합하여 부팅스트랩의 UI 기능을 타사 모듈의 자동 제안 기능과 함께 사용할 수 있도록 하는 방법을 모르겠다. 나 지금 VueJs를 배우고 있는데, 이걸 하려면 뭘 배워야 할지 모르겠어. 내 암호는 다음과 같다. 다음 솔루션은 두 구성 요소를 함께 해킹하여 태그 필이 ..

요소를 허용하려면 이 구성 요소의 '@NgModule.Schemas'에 'NO_ERRESS_SCHEMA'를 추가하십시오.앵글4로 앵글-cli로 새 프로젝트를 만들었다.ng new my-project-name) 내가 달릴 때npm run test그것은 실패 없이 작동한다. 나는 폰트 아이콘을 표시하기 위해 내 프로젝트에 폰트-어웨이 모듈(https://www.npmjs.com/package/angular-font-awesome)을 추가했다. 추가된 내 html 파일태그하고 예상대로 출력되었다.만약 내가 달리면npm run test다시 세 번의 실패로 끝나는데, 그들 모두가 목표로 하고 있다.fa꼬리표를 달다 샘플 고장 보고서 'fa' is not a known element: 1. If 'fa' is an..

'v-built' 지시어는 어떤 수식어도 지원하지 않는다. 나는 vuetify의 datable을 사용하고 있다. 나는 아래와 같은 소품들을 가진 다른 슬롯을 가지고 있다. 나는 또한 오류/나쁜 코드/또는 위반을 확인하기 위해 vue의 eslint 플러그인을 사용하고 있지만, 만약 내가 내 파일에서 위의 코드 조각을 사용한다면 그것은 나에게 오류를 준다. 'v-built' 지시어는 어떤 수식어도 지원하지 않는다. 이 문서에 따르면 그것은 옳다. https://eslint.vuejs.org/rules/valid-v-slot.html 하지만 우리가 이 사건을 어떻게 처리했는지에 대한 어떠한 예도 가지고 있지 않다. 어떻게 면제를 하지 않고 이 경고를 제거할 수 있는가/또는 올바른 방법으로 만들 수 있는가? 고..

폴더의 모든 모듈을 로드하는 방법 누군가가 나에게 전체 모듈 디렉토리를 가져올 수 있는 좋은 방법을 제공해 줄 수 있을까? 나는 이런 구조를 가지고 있다. /Foo bar.py spam.py eggs.py 단지 추가해서 패키지로 변환하려고 했다.__init__.py하는 것과 하는 것from Foo import *하지만 내가 바라던 대로 되지 않았다.fythrough python 나na열() .py) 파일을 현재 폴더에 저장한 다음__all__에 있어서 가변적인.__init__.py from os.path import dirname, basename, isfile, join import glob modules = glob.glob(join(dirname(__file__), "*.py")) __all__ =..

라우터 v4를 사용하여 위치 변경에 대한 작업을 디스패치하는 방법 나는 사용하고 있다react-router-4.0.0-beta.4나는 노선 변경에 대한 조치를 파견할 수 있는 최선의 방법을 찾고 있다.몇 버전 전에 여기 API/이벤트 후크가 있었구나.그러나 나는 그것이 이제 없어졌다는 것을 안다.현대적인 것과 동등한 것을 하려고 노력한다.redux-router했다조치를 파견하는 가장 좋은 방법은 구성 요소에서 그렇게 하는 것 같다.componentWillMount(),componentDidMount()또는componentWillUnmount()방법들 아래 내용 무시 있어onEnter여기 혜성 앞쪽 끝처럼 onEnter(nextState, replace, callback?) 경로를 입력하려고 할 때 호출된..

페이지 새로 고침 없이 Vuex 상태가 업데이트되지 않음 나는 사용자들이 로그인했는지 여부에 따라 다른 페이지를 볼 수 있는 단일 페이지 애플리케이션을 만들고 있어.로그인 호출이 완벽하게 작동하고 인증 토큰이 Local Storage(로컬 스토리지)에 저장된다. 설정:나는 전화를 건 사람을 세웠다네loggedIn어느 쪽이 되느냐true주(州)에 토큰이 설정되어 있는 경우이게 바로 내 코드야auth.js스토어의 모듈: const state = { accessToken: TokenService.getToken(), } const getters = { loggedIn: (state) => { return state.accessToken ? true : false }, TokenService의 기능: getTo..

정적 함수를 Ract ES6 클래스로 호출 I have 다음과 같은 리액션JS 클래스: import React from 'react' export class Content extends React.Component { static getValue(key) { return key } render() { let value = this.getValue(this.props.valueKey); return } } 그러나 나는 다음과 같은 오류가 있다. TypeError: this.getValue is not a function 난 이해가 안돼.이것이 정적인 기능을 부르는 좋은 방법인가?내 생각에 리액션은 정역학으로 뭔가를 하는 것 같은데, 뭐가 뭔지 모르겠어.정적 방법은 인스턴스가 아닌 클래스에서 액세스해야 한다..

생성 시그니처가 있는 인터페이스는 어떻게 작동하는가? 인터페이스에서 생성자를 정의하는 방식이 어떻게 작동하는지 알아내는데 어려움을 겪고 있다.내가 뭔가 완전히 오해하고 있는 것 같아.그러나 한참 동안 답을 찾아봤지만 이와 관련된 것은 찾을 수가 없다. TypeScript 클래스에서 다음 인터페이스를 구현하는 방법: interface MyInterface { new ( ... ) : MyInterface; } 안데르스 헤일스버그는 이 비디오에서 이와 유사한 것을 포함하고 있는 인터페이스를 만든다(약 14분).그러나 아무리 생각해도 나는 이것을 수업 시간에 실행할 수 없다. 내가 뭔가 오해하고 있는 것 같은데, 내가 못 알아듣는 게 뭐야? 편집: 명확히 하기 위해서."new (... )"로 나는 "무엇이든"..

형식 지정 열거형 값을 배열로 표시 TypeScript에서 열거형의 값을 배열로 얻을 수 있는가? 다음과 같은 경우: enum MyEnum { FOO = 'foo', BAR = 'bar' } 된다 ['foo', 'bar'] 예, 다음과 같은 기능을 사용할 수 있다. Object.values(MyEnum) enum은 컴파일 후 JS 객체이기 때문에: var MyEnum; (function (MyEnum) { MyEnum["FOO"] = "foo"; MyEnum["BAR"] = "bar"; })(MyEnum || (MyEnum = {})); 가장 간단한 방법은string을 열거하다Object.values enum MyEnum { FOO = 'foo', BAR = 'bar' } console.log(Objec..