goodsource

Vuejs Ajax 콜 및 데이터 테이블 프로젝트 중 하나에 Vuejs와 dataTable을 사용하고 있습니다.Ajax에 전화를 걸어 데이터를 배열에 넣습니다.그런 다음 v-for를 사용하여 데이터 루프를 수행합니다.태그가 붙어있어요. 대부분의 경우 효과가 없어요.페이지 로드가 완료되는 즉시 테이블이 로딩됩니다.Ajax 데이터를 수신하는 데 시간이 걸립니다.출력은 다음과 같습니다.테이블에 사용 가능한 데이터가 없다고 표시됩니다. 따라서 검색 옵션이 제대로 작동하지 않습니다.잠시 후 set Timeout 함수를 사용하여 테이블을 로드하려고 했습니다.어떻게 하면 좋을까요?코드 공유: new Vue({ el: '#app', data: { entries: [], }, methods:{ getData(){ var..

Vue 사용에 대한 v-의 알 수 없는 속성 저는 이 문제를 이해하려고 노력하고 있습니다.v-forVue JS의 개념과 저는 이 프레임워크에 매우 익숙하지 않습니다. 저는 장고를 사용하고 있기 때문에 커스텀 딜리미터를 사용하고 있습니다.데이터 속성에 개체 목록을 추가하는 예제 스크립트가 있습니다. var app = new Vue({ delimiters: ['[[', ']]'], el: '#app', data: { loading: true, datasetFilesArray: null }, methods: { datasetFiles: function () { axios.get('api/list_all_data') .then(response => { this.loading = false; this.datase..

TypeScript를 사용할 때 단일 파일 구성 요소에서 Vue를 가져오는 방법 단일 파일 컴포넌트가 있으며 Vue를 Import해야 합니다. 에러가 납니다. Uncaught TypeError: Class extends value undefined is not a constructor or null 내부 어딘가에서eval()어떤.vue-cli-service --target lib에 의해 생성됩니다.SFC도 모듈로 로드합니다. 회피책으로 Import를 추가하려고 했습니다.comp.js: import Vue from '/module/vue/vue.js' import Component from '/module/vue-class-component/vue-class-component.js' (function we..

감시 경로나 내비게이션 가드 중 어느 쪽도 발포하지 않습니다. 아래 코드와 함께 단일 페이지 응용 프로그램에서 vue-router를 사용하면 mycomponent로 리다이렉트할 때 watch $route 기능이 실행되지 않습니다. 또한 mycomponent의 beforeRouteUpdate도 실행되지 않습니다. 컴포넌트 로드 중에 변수가 루트에 태그된 경우 어떻게 검출할 수 있습니까? App.vue index.displaces를 표시합니다. import Vue from 'vue' import Router from 'vue-router' import MyView from '@/views/MyView' Vue.use(Router) export default new Router({ routes: [ { pat..

VueJ에서 가로채기 확인란 변경 이벤트s 체크박스가 길어요.3명씩 두 그룹으로 나눠서 라디오 버튼 역할을 해 주셨으면 합니다.UX의 선택은 제쳐두고 어떻게 하면 좋을까요? 체크박스는 단일 객체의 속성으로 구현됩니다.layer: data() { return { layer: {}, } }, watch: { layer: { handler(val, oldval) { mapping.updateLayers(val) }, deep: true, }, }, 잘 먹히네요.하지만 가로채기val및 업데이트this.layer안에서.handler()하지 않다: handler: function(val, oldval) { if (val.FutureYear) { this.layer.NextYear = false; this.layer..

vue js의 API 끝점을 저장하는 위치와 방법 사용하고 있다vue-cli프런트 엔드 및lumen백엔드의 경우 API root-url과 엔드포인트를 vue에 저장하는 베스트 프랙티스가 궁금합니다. 이제 나는constants.js줄지어 들어가다srcroot-url 및 엔드포인트가 다음과 같은 디렉토리입니다. const BASE_URL = "http://localhost:8000" export const AddLanguge = BASE_URL + "/api/languages" 예를 들어 컴포넌트에 언어 추가 기능을 구현해야 할 경우 다음과 같이 constant.js에서 필요한 API 엔드포인트를 가져옵니다. import { AddLanguge } from '@/constants' 그런 다음 공리들을 이용해..

하위 구성 요소에서 다른 VueJS 하위 구성 요소로 참조 컨텐츠 전달 나는 VueJs를 배우고 있는데 레퍼런스, $refs 강의에서 조금 혼란스러웠어.vue의 설명서에서 이해하려고 했지만 원하는 것을 얻지 못했습니다. 예를 들어 다음 컴포넌트가 있는 경우: 이 컴포넌트에서 데이터를 얻습니다. 이.$refs.세부 사항 이 사용자 항목은 사용자 구성 요소의 하위 항목이기 때문에 사용자 상위 구성 요소에서 해당 데이터를 사용합니다. 다른 컴포넌트가 있는 동시에 User 컴포넌트에 대해 하위 컴포넌트인 Permissions도 있다고 칩시다. 이 Permissions 컴포넌트에도 같은 것이 필요합니다.$refs.details, 하지만 제가 테스트한 결과로는 실험처럼 작동하지 않습니다. 이것은 단순한 예에 불과합..

하나의 .vue 파일에 대해서만 vue/multi-word-component-names eslint 규칙을 해제하려면 어떻게 해야 합니까? Vue ESLint 플러그인을 사용하고 있으며 단일 단어 구성 요소 이름을 허용하지 않는 규칙이 있습니다. 단, Nuxt도 사용하고 있기 때문에 Nuxt에서 기본 레이아웃을 설정하려면 .vue 컴포넌트가 필요합니다.default.vueES Lint 규칙 오류가 발생합니다. .vue 파일 하나에서 비활성화 시킬 수 없을 것 같아요. 실제로 꽤 작은 파일인데... 하지만 이 규칙을 무효로 하면.eslintrc.js효과가 있습니다. module.exports = { root: true, env: { browser: true, node: true, }, extends: [ ..

이 v-tabs Vuetify.js 컴포넌트를 작동시키려면 어떻게 해야 합니까? 나 이거 있어 v-tabs컴포넌트가 페이지에 추가되었습니다. 이 예에서는 데이터 블록이 1개뿐입니다.text컴포넌트에 바인드되어 있다(3개의 탭 모두 표시)text데이터): {{ i }} {{ text }} 각 탭에 개별 데이터 블록을 표시하려면 어떻게 해야 합니까?2020년에 vuetify에서 각 탭의 사용자 지정 구성 요소를 사용하려면 다음을 사용하십시오. Tab1 Tab2 Tab3 모든 것을 추상화해서datahttps://codepen.io/anon/pen/Leyoqz 에서 다음과 같은 작업을 수행할 수 있습니다. {{ item.title }} {{ item.text }} 또는 다이내믹하게 할 필요가 없는 경우는, 다음..

Vue3에서 Vue2 컴포넌트를 사용할 수 있습니까? 현재 프라이빗 npm repo를 통해 Vue2 컴포넌트 라이브러리를 생성하여 여러 프로젝트에서 사용하고 있습니다.지금 Vue3에서 새로운 프로젝트를 시작하는데 가능하면 이전 컴포넌트를 사용하고 싶습니다.그런 거 섞어도 돼요?또, 반대로 컴포넌트를 혼재시킬 수 있습니까(Vue2 애플리케이션의 Vue3 컴포넌트).Vue2 컴포넌트는 Vue3 컴포넌트와 함께 사용할 수 있으며 Vue3 컴포넌트는 Vue2에서 사용할 수 있습니다. 하지만... Classic Vue Js 클래스 기반 API를 사용하면 문제가 없습니다.기반이 되는 테크놀로지의 일부가 재구축이 되었지만, Vue 팀은 호환성을 확보하기 위해 노력하고 있습니다.다만, 몇개의 엣지 케이스가 있는 것은 ..