mycopycode

vue2-google-module 사용자 지정 스타일 import * as VueGoogleMaps from 'vue2-google-maps'; import Vue from 'vue'; Vue.use(VueGoogleMaps, { load: { key: 'AIzaSyB3Dll79BdxJTlWtovrOnP2Vx4IUlSOlGg' }, }); export default { data() { return { center: {lat: 40.731266336572205 , lng: -73.99026142354683}, markers: [ { position: {lat: 40.731266336572205 , lng: -73.99026142354683}, }], }; }, }; 내 페이지에서 나는 구글 지도를 사용할 ..

Vuetify v-tabs v-tab 항목 오버플로 창 너비 메인 앱에서 라우팅하는 Vue 컴포넌트가 있는데 윈도우 크기를 조정하면 v-tab-tem이 윈도우 너비(사이드 스크롤 바도 아님)를 넘어 확장됩니다.궁금한 점은 라우터 뷰가 앱의 폭(70%)을 존중하고 컴포넌트로 라우팅될 때 앱의 폭을 초과하지 않도록 하려면 어떻게 해야 하는가입니다. 문제를 재현하는 코드펜 Multi-Model Ensemble Individual Models PM2.5 evaluation ICAP Smoke AOD Fire Danger Risk Fire Weather Index Sub seasonal outlook Geomet Demo North American Regional VFSP-WAS Demo - Multi-Model..

수집되지 않은 참조 오류:Index.html에 vue 설정을 넣을 때 Vue가 정의되지 않음 나는 최근에 에 대해 배웠다.vue 나는 이 파일을 가지고 있다.main.js import Vue from 'vue/dist/vue.js' import Buefy from 'buefy' import 'buefy/lib/buefy.css' Vue.use(Buefy) var App = new Vue({ el: '#app', data: { message : "It's working" } }) 그리고 여기 내 html이 있다. {{ message }} 그건 효과가 있다.근데 지금 대본으로 뭔가를 하려고 해요.나는 변한다main.js(사용하고 있습니다.webpack) import Vue from 'vue/dist/vue...

visual studio 2017 스파 템플릿 vue js 누락 Spa 템플릿의 dotnet new --install Microsoft의 예를 많이 볼 수 있습니다.AspNetCore.SpaTemplates::* VueJs는 있지만 설치 시 -l 파라미터가 있어도 목록에 표시되지 않는 것 같습니다. 이 프로젝트 또는 완전히 작동하는 SPA 시드 프로젝트에 대해 아는 사람이 있습니까?거의 모든 프로젝트에 문제가 있어요 고마워요. 네로설치 실행 시 오류 메시지가 표시됩니까? 저도 같은 문제를 겪고 있었는데, NuGet 패키지 소스가 유효하지 않은 것으로 판명되었습니다.패키지 소스에 액세스할 수 없는 경우 설치 관리자가 최신 템플릿을 가져오지 못합니다. 내가 뛰었을 때PS C:\Users\me> dotnet ..

VueJs, 계산된 자산과 감시자의 차이점? Vue.js 매뉴얼에는 다음과 같은 예가 있습니다. var vm = new Vue({ el: '#demo', data: { firstName: 'Foo', lastName: 'Bar', fullName: 'Foo Bar' }, watch: { firstName: function (val) { this.fullName = val + ' ' + this.lastName }, lastName: function (val) { this.fullName = this.firstName + ' ' + val } } }) 위의 코드는 필수적이며 반복적입니다.계산된 속성 버전과 비교해 보십시오. var vm = new Vue({ el: '#demo', data: { firstN..

Rubaxa-Sortable이 'Element'에서 'matches'를 실행하지 못했습니다. '>*'는 올바른 선택기가 아닙니다. vuejs와 Rubaxa Sortable JavaScript 라이브러리를 사용하고 있습니다.이 분류 가능은 와 함께 정상적으로 동작하고 있습니다.테이블 행의 경우 드래그 앤 드롭 방식으로 재배열하면 이 오류가 발생합니다. Sortable.min.js:3 Uncaught DOMException: Failed to execute 'matches' on 'Element': '>*' is not a valid selector. Vue.js v2.5.13 및 Rubaxa Sortable v1.7.0을 사용하고 있습니다. Vue.directive('sortable', { inserted..

Vue.js: 조건부 클래스 스타일 바인딩 다음과 같은 방법으로 액세스할 수 있는 데이터가 있습니다. {{ content['term_goes_here'] }} ...그리고 이것은 다음 중 하나에 대해 평가됩니다.true또는false. 다음과 같은 표현의 진실성에 따라 클래스를 추가하고 싶습니다. 어디에true나에게 수업을 준다.fa-checkbox-marked그리고 거짓은 나에게fa-checkbox-blank-outline위에서 쓴 방법으로는 오류가 발생합니다. - invalid expression: v-bind:class="[{{content['cravings']}} ? 'fa-checkbox-marked' : 'fa-checkbox-blank-outline']" 어떻게 써야 수업을 조건부로 결정할 수..

Vue.js에서 optgroup select 라벨을 설정하는 방법 Vue에서 엄선된 그룹을 만들려고 합니다. 바이올린: https://jsfiddle.net/Tropicalista/vwjxc5dq/ 저도 해봤어요. {{ sub.text }} 데이터: data: { selected: 'A', options: { First: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' } ], Second: [ { text: 'Three', value: 'C' } ] } } 바인드하고 있습니다.label의 탓으로 돌리다option(어레이).원하는 것은 오브젝트 키에 바인드하는 것입니다. 에서 두 번째 파라미터를 지정하면 각 옵션의 키를 얻을 수 있습니다.v-for지시..

구성 요소 방법 재정의 vue용 구글 차트 플러그인인 VueCharts를 사용하고 있습니다. 새로운 머티리얼 디자인을 차트에 넣으려고 합니다."google.charts"를 통과하려고 했습니다.막대"를 차트 형식의 소품으로 사용했고 효과가 있었습니다.그러나 대부분의 옵션은 무시됩니다. 왜냐하면 구글 차트 문서에 기술된 바와 같이 옵션 객체는 다음을 사용하여 변환되어야 하기 때문입니다.google.charts.Bar.convertOptions(options), 플러그인이 할 수 없는 것. 소스를 보면 플러그인은 'vue-chart' 구성 요소를 설치합니다.이 컴포넌트는ChartWrapper다음과 같이 차트 라이브러리 로드를 처리합니다. methods: { buildWrapper (chartType, data..

VueJ는 데이터를 개체로 가져옵니다. VueJS 컴포넌트는 다음과 같습니다. click me 액세스 하고 싶다data에서log(선언문처럼) 개체로 가져옵니다.다음과 같은 데이터를 얻을 수 있습니다. log() { console.log( this.a ); console.log( this.b ); console.log( this.foo ); } 그러나 원하는 것은 전체 데이터를 개체로 만드는 것입니다(이벤트를 통해 상위 구성요소로 데이터를 보내고 싶기 때문입니다). 컴포넌트 메서드 내에서 데이터 객체 전체를 취득할 수 있는 방법이 있습니까?다음을 사용하여 현재 구성 요소의 데이터 개체에 액세스할 수 있습니다.this.$data. 레퍼런스: 링크 따라서 로그 기능은 다음과 같습니다. log() { conso..