factcode

v-bind:style은 width css 속성을 어떻게 수정합니까? 아래 코드는 div의 스타일을 생성하지 않지만 속성 questionOption.visualBox.width는 div 안에 인쇄되어 있습니다.무엇을 잘못하고 있는 걸까요? {{questionOption.label}}{{questionOption.visualBox.width}} 왜냐하면 폭의 단위를 써야 하기 때문입니다.현재 코드에서는 다음과 같은 css가 생성됩니다. { ... width: 34 ... } 그것은 시각적인 효과를 일으키지 않을 것이다. 따라서 단위(.예를 들어: %, px)를 추가해야 합니다.예를 들어, 당신이 원한다면px다음과 같이 적어야 합니다. {{questionOption.label}}{{questionOption..

vue.js에서 항상 대문자로 표시된 입력을 작성하려면 어떻게 해야 합니까? vue.js를 사용하여 폼을 만들고 있는데 vue에서 항상 대문자로 표시된 입력을 생성해야 합니다.css 속성을 사용할 수 있습니다. text-transform: uppercase; 전송하기 전에 데이터를 변환합니다. data.someData.toUpperCase() 하지만 vue.js에서 더 지능적인 방법이 있을까요?반응으로 우리는 제어된 입력을 생성하고 쉽게 실행할 수 있습니다.Vue.js에도 그런 게 있나요? 계산 필드를 사용하여 작업을 수행했지만 폼의 각 입력에 대해 계산된 getter와 setter를 작성해야 합니다.더 좋은 방법이 있을까요?커스텀 디렉티브를 작성할 수 있습니다. Vue.directive( 'touppe..

vue에서 v-for의 첫 번째 요소를 스타일링하려면 어떻게 해야 합니까? 설정하려고 합니다.activeclass to first button(이 코드의 첫 번째 버튼만 클래스 {{ item.question }} 즉, 페이지가 로딩될 때 보다 4개의 버튼이 들어있다면, 그 중 첫 번째 버튼은optional-red-outlined-btn클래스 및active하지만 다른 사람들은 그냥optional-red-outlined-btn학급. 물론 첫 번째 버튼의 활성화 제거 다른 버튼을 클릭했을 때 활성화 스타일버튼을 1개만 사용할 수 있습니다.focus { background - color : $optional - red ; color : #ff ; } 단, 기본적으로 첫 번째 버튼은 이 스타일입니다.다음과 같은 ..

Vue.js를 사용한 사용자 지정 테마 다양한 테마를 가진 VueJS 앱을 가지고 있습니다(최소 20개 정도).각 테마 스타일시트는 색상이나 글꼴 크기뿐만 아니라 일부 요소의 위치와 레이아웃도 변경합니다. 이러한 테마를 동적으로 전환할 수 있도록 하고 싶다.따라서 실행 시 사용자는 Options 메뉴를 열고 드롭다운에서 선택할 수 있습니다. VueJ에서 사용자가 동적으로 선택할 수 있는 테마를 많이 가질 수 있는 가장 깨끗한 방법은 무엇입니까? 다음과 같은 몇 가지 방법을 생각해 보았습니다. ★★★★★★★★★★★★★★★★★」태그는 동작할 수 있지만, 특별히 「깨끗하다」라고는 생각하지 않습니다.AJAX에서 로딩하면, 자주 FUC를 볼 수 있습니다. 단순히 계산된 속성을 통해 Vue 클래스 바인딩을 변경합니..

VueJs 및 VueResource, Ajax 요청에서 헤더 필드 제거 Vuejs(2.2.6)와 Vue-resource(1.2.1)를 인스턴스화할 때 헤더 허가를 다음 코드로 설정합니다.이렇게 하면 API에 대한 모든 요청을 허용할 수 있습니다. Vue.http.headers.common.AUTHORIZATION = 'BEARER ...'; 단, 서드파티 API를 요청하고 싶기 때문에Authorization송신하는 필드.또한 이 API에서는 이 인증 헤더를 사용할 수 없습니다. let CEP = ''; this.$http.get('https://viacep.com.br/ws/' + CEP + '/json') .then(response => { console.log(response.headers); });..

Vue.js 클릭 후 이전 클래스를 삭제할 때 활성 클래스를 추가하려면 여기 div 요소에서 이 활성 링크를 달성하려면 코드 사용 예를 볼 수 있습니다. http://jsfiddle.net/fiddleyetu/9ff79/ $(function() { $( 'ul.nav li' ).on( 'click', function() { $( this ).parent().find( 'li.active' ).removeClass( 'active' ); $( this ).addClass( 'active' ); }); }); 여기서 vue.div 요소를 사용하여 활성화 링크를 수행할 수 없습니다. 여기 링크를 활성화해야 하는 요소에 대한 내 코드가 있습니다. .PNG .PDF .JPG .PSD js export defaul..

vue-class-component를 사용하여 es6 vue-component 라이브러리를 구축하는 방법 다음과 같은 요건을 가진 vue-class-component 및 vue-property-decorator를 사용하여 vuejs 구성 요소 라이브러리를 형식 스크립트로 생성하려고 합니다. 라이브러리 구성 요소는 클래스 형식의 타이프 스크립트로 작성해야 합니다. 프로젝트에서 트리쉐이킹을 허용하려면 라이브러리 구성 요소를 es6 모듈로 내보내야 합니다. 라이브러리에서는 최신 버전의 @vue/cli를 사용하여 프로젝트의 골격을 설정했습니다.그 라이브러리 프로젝트에서는 컴포넌트가 정상적으로 동작하고 있습니다. 반면 어플리케이션은 웹 팩 설정을 사용하고 있으며, 여기서는 vue-components를 사용하고 있..

VueJs와 같은 페이지에서 같은 앱을 여러 번 사용할 수 있습니까? vue.js를 사용하여 백엔드에서 데이터를 가져와 프런트엔드에 표시하는 프로젝트가 있습니다.같은 앱을 여러 번 사용하거나 앱에서 앱을 사용해야 합니다. https://jsfiddle.net/Lsc7hggs/4/ 의 예를 다음에 나타냅니다. [% nameAttr() %] [% nameAttr() %] [% randomColor() %] [% randomColor() %] [% nameAttr() %] [% nameAttr() %] [% randomColor() %] [% randomColor() %] 이 일을 할 수 있는 방법이 있을까요?중첩된 Vues는 사용할 수 없습니다. 여러 Vu를 생성할 수 있습니다. const colorHand..

VueJS 2 - https로 리다이렉트하는 방법 이 질문에는 이미 답변이 있습니다. HTTP 또는 HTTPS를 검색하여 JavaScript에서 HTTPS 강제 실행 (13개의 답변) Javascript를 HTML 파일의 머리나 본문에 넣어야 합니까? (3개의 답변) http:// 에서https:// 로 리다이렉트 합니다. (2개의 답변) http에서https 클라이언트 측으로 전환하는 방법 (1개의 답변) 닫힘4년 전에요. 기존에는 http를 https로 리다이렉트하기 위해 .htaccess 파일이 사용되었습니다. .htaccess를 사용하지 않고 VueJs에서 더 나은 방법이 있나요?언급URL : https://stackoverflow.com/questions/46711788/vuejs-2-how-t..

하위 구성 요소에서 $emit을 사용하여 상위 구성 요소로 데이터를 보내는 것은 Vue에서 작동하지 않음 탭 구성 요소를 쓰고 있습니다. 데이터를 전송하려고 합니다.sendTabsData()method는 내 코드에 있으며, 어떤 이유로 인해 이 방법은 사용할 수 없습니다.$emit. 탭 구성 요소 코드는 다음과 같습니다. 부모 컴포넌트는 다음과 같습니다. 보시다시피, 제 부모 컴포넌트에는, 데이터를 취득하는 송신 송신 기능이 있습니다(또, 정상적으로 동작합니다). 탭 구성 요소와 양식 구성 요소의 유일한 차이점은 탭 구성 요소가 다음을 생성한다는 것입니다.클릭 이벤트가 바인드되어 있다. 내 질문을 확실히 하자면: 이 경우 클릭 이벤트가 바인드된 요소(onClick == > 상위 구성요소로 데이터를 전송/..