prostudy

bootstrap-vue: 특정 css 가져오기 나는 부트스트랩 뷰의 툴팁을 사용하고 싶다.추가할 때 도구 설명 스타일을 가져오려면 내 응용프로그램의 전체 보기가 변경되어야 한다.css만 내 툴팁으로 불러올 수 있을까? 에서 툴팁 구성 요소를 가져올 수 있음폴더, 이와 같이 참조URL: https://stackoverflow.com/questions/52870819/bootstrap-vue-import-specific-css https://www.npmjs.com/package/vuedraggable#eventsReferenceURL : https://stackoverflow.com/questions/54783551/vue-draggable-items-between-2-components

VueJs + Element UI: photo el 선택으로 기본값을 설정하는 방법? 나는 사진이 있는 옵션을 선택했는데 옵션에서는 사진 변수를 얻을 수 있지만 기본값에서는 사진으로는 디폴트 값을 얻을 수 없다. 나를 도와줄 수 있니? 예상: 기본값은 맥도날드(사진 + 라벨) 여기 내 코드: {{ item.label }} 그리고 여기 내 바이올린 연주자: https://jsfiddle.net/dede402/L4y8zw1e/10/선택한 값 템플릿과 옵션 템플릿은 서로 다르다. el-select선택한 템플릿에 대한 접두사 슬롯을 정의할 수 있도록 허용하십시오. https://jsfiddle.net/budgw/L4y8zw1e/36/ 내가 너의 이름을 바꾼다는 것을 주의해라.el-select객체를 선택한 값으로..

vue 구성 요소에서 링크를 사용하지 않도록 설정하는 방법 나의 html은 다음과 같다. add 나의 자바스크립트는 다음과 같다. var vue = new Vue({ el: '#app', methods: { add(event) { event.target.disabled = true } } }); 다음과 같은 데모 및 전체 코드: https://jsfiddle.net/q7xcbuxd/221/ 나는 그렇게 노력한다.그러나 추가 버튼을 클릭해도 사용 불가능은 없다. 어떻게 하면 이 문제를 해결할 수 있을까?부스트랩을 사용하고 있으므로 (앵커) 버튼을 비활성화하는 적절한 방법은 설정하지 않는 것이다..disabled = true, 그러나 클래스를 추가하기 위하여. 다른 음표 두 장.의 기본 동작을 방지하려는 경..

v-for에 의해 렌더링된 개체 내에서 변경 사항이 발생할 때 DOM을 업데이트하는 방법 나는 사용하고 있다v-for개체 배열을 기준으로 목록을 렌더링하십시오. {{ category.service_type_name }} 목록 항목을 누를 때changeCategory(index)실행: changeCategory(index) { this.categories.forEach((c, i) => { c.active = (i != index)? false : true }) } 클릭된 목록 항목active속성이 로 설정됨true그리고 다른 모든 사람들은 로 출발했다.false, 그리고 목록 항목은.active여기에 추가된 클래스(이 때문에):class="{active: category.active}"템플릿에 줄을 긋다..

테스트 적용 범위를 jest를 사용하여 Vue-cli 3의 모든 vue 파일을 표시하는 방법 나는 시험 커버리지를 보여주기 위해 제스트와 함께 Vue CLI 3를 설정하는데 어려움을 겪고 있다.나는 그것을 작동시키기 위해 가능한 모든 것을 했지만 여전히 아무런 보도도 하지 않고 있다. Ran all test suites. ----------|----------|----------|----------|----------|-------------------| File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s | ----------|----------|----------|----------|----------|------------------..

하위 구성 요소에서 v-model에 액세스하는 방법 vue 나의 자식 구성 요소는 다음과 같다. 그리고 이렇게 안에서 컴포넌트에 접근해 일 안 하는데, 뭐 그리운 거 있어?사용자 지정 구성 요소에 사용하려면 구성 요소: (재산이 아니다)라는 이름을 가지고 있다value: 그리고 새로운 값을 갖는 이벤트를 내보낸다. 데모를 하다참조URL: https://stackoverflow.com/questions/52472074/vue-how-to-access-v-model-from-child-component

레이블 이름 Y 축에 대한 꼭지 막대 차트의 Vue 도구 설명 단어 길이가 너무 길면 Vue 툴팁을 표시하거나 호버에 표시하려는 경우 레이블의 전체 이름을 표시해야 한다.연구를 많이 하려고 했지만 아무 효과가 없었다. https://apexcharts.com/docs/multiline-text-and-line-breaks-in-axes-labels/# https://github.com/apexcharts/apexcharts.js/issues/2281. 사용자가 Y축 레이블에 올리면 전체 텍스트를 표시해야 해. 나는 막대 차트를 사용하고 있다. 여기 API로부터의 나의 답변이 있다. [ { "name": "Meetings", "data": [ 15, 05, 10, 10, 10, 10, 10, 10, 10,..

Vue 인스턴스 내의 Vue 인스턴스 up peop people! 여기 HTML 코드가 있어: // index.html 이것은 기본적으로 내가 모든 것을 정확하게 이해했다면 다른 Vue 인스턴스 안에 있는 Vue 인스턴스를 참조한다.각각의 JS 코드는 두 개의 파일로 분할되어 다음과 같이 보인다. // componentOne.js new Vue( el: '[data-init="component-one"]', data: {...}, methods: {...} ); // componentTwo.js new Vue( el: '[data-init="component-two"]' data: {...} methods: { doSomething: function(event) {...} } ); 자, 이것의 문제는,d..

@ments 기능을 위해 keyUp에서 "@" 문자 분리 나는 부에와 바닐라 JS를 이용하여 기본적인 @mention 시스템을 구축하고 있지만, 구체적으로 "@" 문자를 분리하기 위해 애쓰고 있다. 내 템플릿: 그리고 내 JS에서는: listenForUser(e) { if (e.keyCode == 50 && e.shiftKey == true) { // do stuff } } 처음에, 나는 단지 듣고 있었다.e.keyCode == 50, 그러나 "50"은 "@"와 "2"에 모두 해당하므로 나는 본의 아니게 그 언급을 트리거하고 있었다. 라고 덧붙였다.e.shiftKey'@'자를 분리하려고 하지만, '@'자를 분리하려고 한다.keyUp이벤트, 사용자가 "shift" 키보다 먼저 "@" 키를 해제해야 함. 즉..

지나가는 부모들의 소품들이 Vue,js. 신청서에 a가 있다.DocumenContainer복수형 구성 요소ChartContainer구성 요소들그ChartContainer다양한 유형의 차트(바로 차트, 꺽은선형 차트 등)를 저장할 슬롯이 있음.데이터를 전달하고 싶다.isOuput슬롯인 하위 구성 요소에 연결 ChartContainer(간편화): DocumentContainer: {{slotProps.isOuput}} 나는 그 곳을 지나가려고 노력했다.isOutput상위(DocumentContainer)로v-slot. 지금 문제는 내가 인쇄만 할 수 있다는 것이다.{{slotProps.isOutput}}나는 그것을 통과하고 싶다.slotProps.isOutput의 소품으로그리고 바차트 소품에서 정의되지 않은..