prostudy

vueJS 변환 회전 스타일 인라인 Div Rotate를 추가해야겠어.나는 애니메이트가 필요하지 않고 그냥 인라인으로 추가하면 돼.회전 값은 vue 구성 요소의 데이터에 따라 달라진다. . . . data(): function(){ return{ deg: 5 } } . . . 나는 노력했다: v-bind:style="{ transform: rotate(deg) }" v-bind:style="$transform: 'rotate('+deg+')'" 아마 누가 알까, vue2에서 어떻게 해야 할까?실제로 변환 값을 문자열로 만들어야 하는 경우: new Vue({ el: "#app", data: { turn: 0.5 } }) Test 하지만 나는 컴퓨터 속성을 사용하는 것을 선호한다. new Vue({ el: ..

Vue 3의 템플릿 렌더 대 렌더 함수 h() Vue 3(또는 composition-api)의 템플릿 렌더링에 대해 어떻게 생각하십니까? 특히 얼마나 빠르고 가볍다고 생각하십니까? 후드 아래에 간단한 구성요소(ui-box, ui-button 등)로 사이트 생성자를 만든다.Vue 2에서는 대부분 렌더링 기능이 있는 기능 구성 요소를 사용하여 렌더링을 훨씬 빠르고 가볍게 만들어 현장에 이러한 구성 요소가 현장에 많이 있을 것으로 예상되기 때문이다.내가 Vue 3에서 알고 있듯이 템플릿 렌더링이 더 빠르고 성능이 더 좋아질 것이다. 어떻게 생각하세요?Vue 3이 오더라도 h()를 사용해야 하는가, 아니면 일반적인 템플릿 렌더를 사용할 수 있는가?렌더 기능의 유연성은 그들에게 많은 힘을 주지만, 그들의 긴요한 ..

Azure Web App에서 Vue Router HTML5 History 모드를 사용한 URL 재작성 문제 나는 Azure Web App에서 Vue SPA를 서비스한다.서버측 논리가 없다(또는 어쨌든 이 문제와 관련이 없다). 나는 HTML5 히스토리 모드로 Vue Router를 사용하고 있다.정말 잘 된다.유일한 문제는 사용자가 https://my.app.com/contacts과 같은 "직접" URL로 앱 내부의 뷰에 액세스하려고 할 때 어떻게 되는지이다.이것은 예상대로 404 Not Found를 준다. 해결 방법은 잘 알려져 있다: URL 재작성을 사용하여 이러한 요청을 앱의 루트로 라우팅한다: / 또는 /index.html. 그래서 그렇게 하려고 하는 겁니다.Azure Web Apps의 경우, 이를..

vuejs 차트j에 json 데이터 표시 나는 json 파일을 읽고 VueJs를 사용하여 Chartjs에 데이터를 플로팅하고 싶다. 나는 Json 파일을 통해 약간의 데이터를 표시할 수 있었지만, Json 파일은 표시할 수 없었다. 지금까지 나는 이렇게 생긴 vue.app을 가지고 있다. export default { name: 'app', data () { return { labelschart: [], datachart: [], testLabels: ['10/01/2017 02:25:34', '11/01/2017 02:25:34', '12/01/2017 02:25:34', '13/01/2017 02:25:34', '14/01/2017 02:25:34'], testData: [93.5, 93.4, 93...

Vue.js2 - 상위 구성 요소에 의해 $emit 이벤트가 캡처되지 않음 나는 부에즈에서 부트스트랩 탭 구성 요소를 만들려고 한다.탭 구성 요소는 두 부분으로 구성된다.첫째, 부모tabs-list여러 개의 구성 요소를 포함하는 구성 요소tab-list-item구성 요소여기 둘 다에 대한 코드가 있어 //Vue component template for tabs list. Vue.component('tabs-list', { template: ` {{ concept.title }} `, data() { return { activeTab: 1, concepts: [ { title: 'Tab A', id:1, active: true}, { title: 'Tab B', id:2, active: false}, { ..

VueJ에서 중첩된 자식 구성 요소에 액세스s v2.2.2 사용.나는 내 VueJS 앱에 다음과 같은 구조를 가지고 있다.내 Post 구성 요소의 메서드에서 모든 계정 구성 요소에 액세스하는 방법계정 수가 동적인 경우 - 로드된 모든 계정을 가져오십시오.Account구성 요소와 그 위에 반복하십시오. 그게 무슨 상관인 줄 알아$refs그리고$children올바른 길을 찾을 수 없는 것 같아 http://vuejs.org/v2/guide/components.html#Child-Component-Refs 소품과 이벤트가 존재함에도 불구하고, 당신은 여전히 자바스크립트의 아동 구성요소에 직접 접근할 필요가 있을 수 있다.이를 위해 참조를 사용하여 하위 구성 요소에 참조 ID를 할당해야 한다.예를 들면 다음과 ..

HTML 입력에서 vue.js 데이터로 기본값 로드 태그 값 로딩이 가능한지 궁금하다.valuevue.js 데이터의 기본값으로 지정하시겠습니까? 와 잘 어울린다. coupon: $('#coupon').val(), 하지만 나는 jQuery를 정말 사용하고 싶지 않다. 여기서 사용 가능한 코드: https://jsfiddle.net/4a80dnfo/1/그래서 나는 이 일을 끝낼 방법을 찾아냈다.beforeMount()낚싯바늘을 달다 이 HTML을 가정할 때: 이 Javascript는 이 일을 완수해야 한다. new Vue({ el: '#coupon-code', data: { coupon: '' }, beforeMount: function() { this.coupon = this.$el.querySelecto..

Vue JS - v-for 내부에서 모델링할 선택 옵션 값 바인딩 나는 일련의 물체들로 채워진 테이블을 가지고 있다. MappedMenus는 "MenuTypeId"라는 이름을 가진 수업이다. 이 속성 "menuTypeId"의 가능한 값은 "id" 및 "name" 속성을 가진 MenuType 개체 배열에서 설정된다. 이러한 MenuTypes 객체를 사용하여 각 행의 선택 항목을 채운다. 내가 가지고 있는 문제는 모든 MappedMenu 개체의 "menuTypeId" 속성을 선택한 옵션에 바인딩하는 방법을 모른다는 것이다. 내 코드에서 볼 수 있듯이, 난 내 지도메누스와 함께 tr에서 v-for를 한다. 모든 객체에 대해 선택사항이 있는 행이 있다.옵션은 menuTypes라는 이름의 다른 배열을 사용하여 채..

프로덕션 빌드에서 js 및 css 파일의 파일 경로 변경 나는 약간의 도움이 필요하거나 적어도 올바른 방향으로 지적될 필요가 있다.나는 Vue CLI 3을 사용하여 vuejs 앱을 배포하려고 한다. build 명령을 실행하면 파일이 dist 폴더에 내장되어 잘 작동한다.dist 내에는 각각의 파일이 들어 있는 js와 css 폴더도 있다.내 인덱스.html에는 /css/app.css 또는 /js/app.js로 경로가 생성된다.app.css나 app.js를 간단히 읽을 수 있는 경로와 index.html과 함께 dist 폴더에 파일을 저장해 놓았으면 좋겠다./css/를 제거하는 것이 나의 목표다. 웹 팩을 구성하면 vue.config.js에서 이 작업이 수행된다고 가정한다.나는 이것을 이해할 수 없을 것 같..

구성 요소 내부 구성 요소에서 호출 방법 나는 Vue.js를 배우고 있고 코드를 정리하는 방법을 찾기 위해 애쓰고 있다.나는 모든 것을 가능한 한 모듈로 만들려고 하고 있어 슬라이더를 만들 때 다음을 했다. 그리고 내 관점에서는 단순히 구성 요소를 사용한다. Echo 그런데 에코를 부르려고 하면 배너 구성요소 범위가 아닌 부모 범위에서 찾고, 방법이 정의되어 있지 않다고 한다. 나는 이것을 실행하는 가장 좋은 방법을 알고 싶다.만약 내가 그렇게 한다면, 내 프로젝트 내내 이 사례와 비슷한 수백만 가지의 다른 방법들을 가질 것이기 때문에 부모 범위 안에서 그 방법을 선언하는 것은 소용없는 일이다.나는 배너 외에 다른 모듈들뿐만 아니라 모든 배너 방법을 배너 안에 넣고 싶다. 아마도 내가 부품을 잘못 사용하..