cyworld

index.html이 Javascript를 로드하지 않을 경우 Vue 앱을 실행하는 방법은? Vue에 대해 읽은 자료 중 Vue 애플리케이션이 어떻게 시작되었는지 설명하려고 시도한 자료는 없음.여기에는 public/index.html, src/main.js, src/App.vue의 세 가지 파일이 포함된다.vue cli 4.1.1로 만든 비계에는 다음과 같은 진입점이 있는 index.html이 포함되어 있다. main.js 파일은 Vue App 자체를 생성하지만 index.html은 main.js를 로드하지 않는다.index.html을 두 번 클릭하면 빈 페이지가 표시되므로 앱을 실행하려면 다른 작업이 개입되어야 한다.index.html의 코멘트는 파일이 자동 주입될 것이라고 되어 있는데, 그 주입은 무..

구성요소 렌더 함수에 무한 업데이트 루프가 있을 수 있음 VueJS는 처음이야 Vue로부터 경고를 받았어 [Vue warn]: You may have an infinite update loop in a component render function. V-bind:style에서 변수에 대해 V-for를 사용하는 경우 템플릿에 예: {{item.id}} 스크립트로: data() { return { accept: false, not_accept: false, }; }, methods: { test(result) { if (result == 'accept') { this.accept = true; this.not_accept = false; } else if (result == 'Not accept') { th..

Vuelidate 날짜 입력 필드 나는 누군가 나에게 날짜 오브젝트를 검증하는 동안 어떻게 Vuelidate를 적절하게 사용하는지 명확하게 해줄 수 있기를 바란다.나는 현재 날짜를 최소 날짜로 사용하고 싶기 때문에 나중에 사용자가 날짜를 입력하면 오류가 표시된다. 예를 들어, https://jsfiddle.net/cheslavcc/fns8eh0f/1/ Vue.use(window.vuelidate.default) const { required, minValue } = window.validators new Vue({ el: "#app", data: { text: '' }, validations: { text: { minValue: minValue(moment(new Date(), 'DD.MM.YYYY')...

명시적으로 선언되지 않은 Vue 소품 비슷한 시도를 하고 있다.redux-form하지만 Vue & Vuex에서.기본적으로, 그것은 양식 처리를 더 능률적으로 만들고 여러분이 덜 글씨를 쓰도록 만들어야 한다. 내가 가지고 있는 문제는 HOC의 구성요소에 소품을 동적으로 전달하려고 할 때 입니다.어떻게 해야 할지 잘 모르겠어.리액션에서 당신은 간단히 다음과 같은 일을 할 것이다. 그리고 VfField.js에서는: export default ({name, ...props}) => 이러면 결과가 나올 것이다.props다음을 포함하는 사물인 것unknownPropA그리고unknownPropB. 그러나 Vue에는 다음과 같은 몇 가지 코드가 있다. Submit 그러니 어떻게 그럴 수 있겠는가.vf-field이 "유..

Vue.js - 프롭 정의되지 않음 루트 소품("collated"라고 하는 물체)을 "data-row"(아래 참조)라는 자식 구성요소에 전달하고 있지만 정의되지 않은 것으로 나타난다.이게 범위 문제일 수 있나?그것은 아마도 간단한 것일 것이다. 어떤 도움이라도 감사할 것이다! 범인처럼 보이는 새끼 조각: 여기 feddle:https://jsfiddle.net/wk7k8Lfa/1/이 있다. Chrome Vue DevTools 이미지 - 루트에서는 사용할 수 있지만 하위 수준에서는 정의되지 않은 변수:할 필요가 있다:column-collapsed="columnCollapsed". html로 하이픈을, js로 camelCase를 원한다.나는 이것을 알고 있고 그것은 규칙적으로 나를 괴롭힌다.참조URL: htt..

Prety를 사용하여 요소 태그에서 특성을 구분하지 않는 방법 나는 Vue CLI를 사용하여 새 Vue 프로젝트를 생성했다.린터 옵션 프롬프트를 위해 나는 더 예쁜 것을 선택했다.새 라인에 대한 특성 분리를 비활성화하려면 어떻게 해야 하는가?예를 들어, 이건 내 마크업이다. ... 그리고 내가 예상한 결과는 다음과 같다. ... 나는 창조하려고 노력했다..prettierrc파일 및 이 구성 추가: { "htmlWhitespaceSensitivity": "ignore" } 하지만 그것은 나에게 효과가 없었고, HTML은 여전히 같아 보인다.여기서 시행되고 있는 더 예쁜 옵션은 디폴트 80인 입니다.문제의 마크업 라인은 82자 길이에 앞 탭 공간의 길이를 더한 것으로, 이 때문에 라인터/포맷터가 선을 쪼개게..

v-data-table 바닥글에서 페이지당 텍스트 행 수 설정 Vuetify의 v-data-tables로 작업 중이고... 이 텍스트를 변경하려는 경우: 이 코드를 추가했지만 작동하지 않음: 고마워!당신은 사용할 수 있다.'items-per-page-text':'products per page': 이것을 확인하십시오.투시법 2.X의 올바른 받침은 페이지당 텍스트: {{ items.pageStart }} - {{ items.pageStop }} de {{ items.itemsLength }} 참조URL: https://stackoverflow.com/questions/62259868/vuetify-change-text-rows-per-page-text-in-v-data-tables-footer

API 호출 시 vue.js에 css 애니메이션을 추가하는 방법 아이콘을 사용하는 중이고 클릭할 때 API를 호출: 그래서 API 호출이 끝날 때까지 애니메이션으로 2초간 돌리고 싶다.하지만 어떻게 해야 할지 잘 모르겠으니, 네가 나에게 좋은 해결책을 주면 좋겠어.예를 들어 CSS 애니메이션(또는 애니메이션을 실행하는 클래스)을 간단히 전환하십시오. const MyIcon = Vue.extend({ template: ` `, data() { return { loading: false, } }, methods: { updateCart() { this.loading = true // Do your stuff here and set to false when you're done setTimeout(() => ..

웹 팩 별칭의 Vue 형식 오류, 경로를 찾을 수 없음 웹 팩 별칭을 vue 프로젝트에서 형식 지정으로 구성하는 데 문제가 있음.일반 자바스크립트를 사용하는 경우에도 같은 문제가 발생하지 않아 혼란스러움 프로젝트는 2, "app_marketplace", "app_producers"(관리자와 같음)로 나뉘는데, 나 또한 공유 컴포넌트와 유틸리티를 위한 세 번째 폴더를 가지고 있다. 프로젝트 폴더 구조: .env.properties .env.properties 공적인/공적인 src/ app_message/ app_message/ app_message/ vue.config.js tslint 파일, babel, package.json 등 나는 2개의 앱을 에 있는 스크립트와 별도로 실행한다.package.jso..

Vue.js는 v-for 루프 내부 참조 내부 부품을 사용하려고 했다.v-for을 반복하고 초기화ref부모로부터 이 방법들에 접근하기 위해서입니다.간단한 사례 코드: {{ msg }} 그리고ListItem구성 요소: {{value}} 몇 가지 목록 항목을 렌더링하여 1초 반 후에 한 항목을 강조 표시하면 된다.하지만 오류가 생겼어:Uncaught TypeError: _this.$refs.item2.highlight is not a function 디버그 세션이 끝난 후 흥미로운 사실을 발견했다: 내부에서 정의된 참조v-for루프는 구성요소가 아니라 하나의 구성요소를 가진 배열이다. 논리가 뭐야, f 래퍼는 뭐야?이 사건 만나는 사람 있어?누가 이 행동에 대한 설명을 해줄 수 있을까? 위에 제시된 코드는 ..