goodsource

D3 + VueJs + Typescript | D3.js 라이브러리 Import 방법 VueJ + Typescript 및 D3.js를 사용하여 고객을 위한 대시보드를 만들어야 합니다. 이들은 dotnet vue 템플릿을 사용하고 있습니다.「 dotnet new - install Microsoft 」AspNetCore.SpaTemplates::*' 'dotnet new vue' 모든 것은 설치 시 설정됩니다.웹팩, 타입스크립트 및 VueJs 이 웹 팩 설치에서는 허용되지 않습니다.대부분의 튜토리얼에서는 D3.js 라이브러리를 Import하기 위해 사용합니다. 이 템플릿에서 웹 팩을 재설정하여? d3 및 d3 타이핑 설치 후 오류 발생 최량왜 이런 걸 쓰려고 하는지 모르겠어요전형적인 것이 아니라npm베이스 ..

Vue 2 컴포넌트 스타일(Vue 로더 없음) 파일 컴포넌트가 1개(가이드 참조)인 것을 고려하면, hi 비모듈러형 ES5/ES6 환경에서 Vue 로더 없이 동일한 작업을 수행할 수 있는 방법은 무엇입니까? 그 스타일이 스코프가 있는 걸 생각하면 비모듈형 환경에서도 스코프 CSS를 구현할 수 있는 방법이 있습니까?없는 경우 Vue 로더와 커스텀 .vue 형식을 사용하지 않고 모듈러 환경(Webpack)에서 구현할 수 있는 방법이 있습니까?를 사용하는 대신templateVue 컴포넌트에서는 Vue Loader나 컴파일러 없이 렌더링 기능을 사용하여 '컴파일러에 가까운 대체'를 이용할 수 있습니다.createElement 함수의 두 번째 파라미터를 사용하여 임의의 Atribut을 추가할 수 있습니다.이것에 ..

모의 장착 후크 Jest 테스트 유닛 부품에 대한 유닛 테스트를 하고 있습니다.단, 일부 컴포넌트에서는 이 컴포넌트에서 동작하고 있는 것이 있습니다.mounted훅이 시험 불합격의 원인이 되고 있습니다.나는 내가 필요로 하지 않는 방법들을 조롱할 수 있었다.하지만, 저는 이 문제를 조롱할 방법이 없을까 궁금했습니다.mounted훅을 꽂다. @/components/attendees List.표시하다 This is a test JS Test.spec.js import { mount, shallowMount } from '@vue/test-utils' import test from '@/components/attendeesList.vue' describe('mocks a method', () => { test..

vue 구성 요소 내부에 컨텐츠 추가 뷰 컴포넌트 점보트론이 있어요vue: 기타 페이지 구성 요소 Main.vue: I want to add here, to the jumbotron's div container some h1 and paragraph Like this paragraph 하지만 점보트론에 콘텐츠를 추가할 수 없습니다. 왜냐하면 그것은 잘못되었기 때문입니다.점보트론 안에 콘텐츠(p와 h1)를 추가하고 싶지 않습니다.뷰, 점보트론을 쓰고 싶기 때문입니다.여러 가지 콘텐츠가 포함된 vue를 두 번 이상 반복해야 합니다.이게 가능합니까?이 작업은 슬롯에서 수행합니다. 여기에 넣는 모든 것jumbotron부모 컴포넌트가 슬롯에 렌더링됩니다.언급URL : https://stackoverflow.com..

왜 같은 vue 디렉티브를 여러 번 사용하여 모든 vue 디렉티브에 대해 업데이트를 호출합니까? 같은 페이지의 여러 입력 요소에 첨부하는 vue 디렉티브를 작성했는데, 그 중 하나를 입력하기 시작하면 페이지 내의 모든 요소에 대해 '업데이트' 이벤트가 발생한다는 것을 알게 되었습니다.업데이트한 특정 요소에 대해 하나의 이벤트만 있을 것으로 예상했습니다. 질문입니다. 이벤트 발생을 방지하거나 변경되는 입력만 처리할 수 있도록 이벤트를 필터링할 수 있는 방법이 있습니까? 내 지시와 견해에 대한 코드는 다음과 같습니다. Vue.directive('test', { bind: (el) => { console.log(el.id + " bound") }, update: (el) => { console.log(el.i..

Github 페이지에 게시된 Vue 웹 사이트를 새로고침할 때 404 의 의의 of of of of of of of of의 을 전개했습니다./dist christopherkade.github.io제 웹사이트가 성공적으로 전개되었습니다. , 바를 때(「 」 「 」 「 」 「 。christopherkade.com/posts ★★★★★★★★★★★★★★★★★」christopherkade.com/work페이지를 새로고침하면 Github 페이지별로 오류가 발생합니다. 404 파일을 찾을 수 없습니다. 라우팅은 다음과 같이 Vue 라우터를 사용하여 이루어집니다. export default new Router({ mode: 'history', routes: [ { path: '/', name: 'Home', compo..

vee 검증기에 사용자 지정 오류 추가(ErrorBag) 커스텀 에러를 ErrorBag에 추가할 수 있습니까? nuxtjs를 사용하고 있습니다.nuxt.config.html 경유로 플러그인에 vee-html을 등록했습니다. 동작은 양호하지만 템플릿 내에서 동일한 오류 코드를 사용하고 싶다. 예: //loop through 악시를 사용하여 사용자 정보를 가져옵니다.만약 그 요청이 나의 예상 데이터 세트를 돌려주지 않는다면. 나는 내가 간단하게 할 수 있다고 생각했다. this.errors.push('this is my error message') //-> or some variant of this 내가 이걸 할 때 난 이걸 받게 돼. 에러.푸시는 기능이 아닙니다. 나는 그것을 알고 있습니다. this.er..

vee validate 3.0 버전에서 10진수 값을 검증하는 방법 위도 및 로그 값을 검증하고 내 코드는 다음과 같습니다. {{ errors[0]}} 오류가 발생했습니다. 이러한 검증자 '10진수'가 없습니다. 잘 부탁드립니다./plugins/vee-validate.js 파일에 다음 명령을 추가하여 사용자 지정 규칙을 추가할 수 있습니다. extend("decimal", { validate: (value, { decimals = '*', separator = '.' } = {}) => { if (value === null || value === undefined || value === '') { return { valid: false }; } if (Number(decimals) === 0) { ret..

Vuetify - 선택 시 서브메뉴 항목에 대한 활성 클래스 설정 왼쪽 네비게이션 메뉴가 있는 Vue/Vuetify 앱이 있는데, 원래 제 시대 이전에 한 가지 수준의 아이템만 가지고 만든 앱입니다.두 번째 수준의 메뉴 항목을 추가해야 하는데, 상위 항목을 클릭하면 확장될 정도로 잘 작동하고 클릭 시 필요한 작업을 수행합니다.잘 모르는 것은 1) 선택한 서브메뉴 항목을 강조 표시하고 2) 클릭하면 상위 항목에서 강조 표시를 삭제하는 방법입니다. 요소의 마크업을 다음에 나타냅니다. {{ item.title }} {{ subMenu.icon }} {{ subMenu.title }} 여기 완전한 CodePen이 있습니다.CodePen의 한 가지 주의사항은setCurrentWorkspace에서 호출되었다.onC..

Vue.js v-for 루프에서 이벤트 처리 동적 생성 버튼 각 반복마다 버튼이 생성되는 v-for 루프가 있습니다.버튼을 클릭하면 버튼의 색상이 바뀌는 전환 핸들러를 만들려고 합니다.단, 버튼이 동적으로 생성되기 때문에 모든 색상이 변화하고 있습니다. favorite 애완동물 어레이가 http 콜로 채워지고 있습니다.스크립트는 다음과 같습니다. export default { name: 'home', data() { return { pets: [], favorited: false } }, methods: { toggle: function() { this.favorited = !this.favorited; } }, } 스타일 태그는 색상만 변경합니다. .red { color: red; } 기본적으로 어레이..