copyscript

nuxt.js 컴포넌트의 자동 Import는 퍼포먼스에 악영향을 미칩니까? 프로젝트에 Nuxt.js v2를 사용하고 있습니다.현재 nuxt.js의 컴포넌트 자동 Import를 유효하게 하고 있습니다.components: true내 안에서nuxt.config.js파일입니다. 컴포넌트 자동 Import를 사용하는 것이 생산 사이트의 성능에 부정적인 영향을 미치는지 궁금합니다. vue.js와 같이 컴포넌트를 수동으로 Import해야 합니까?자동 Import 기능은 일부 DX(개발자 익스피리언스) 전용으로 모든 것을 입력할 필요가 없습니다.템플릿은 코드 발송 시(또는 컴파일 시) 스캔되지만 성능은 컴포넌트를 수동으로 Import할 때와 동일합니다. 최종적으로 해석은 Vue 렌더 엔진에서 수행해야 합니다.따라서 ..

Vue j는 하나의 요소에 여러 스타일 속성을 바인딩합니다. 이것에 의해, background-color 속성이 에 바인드 됩니다.요소. Some text 그러나 배경색뿐만 아니라 전경색(일반 색상 속성)도 동시에 바인딩하려면 어떻게 해야 합니까? 여러 스타일 특성을 요소에 바인딩하려면 어떻게 해야 합니까?일단 css에는 전경색이 없습니다.쉼표로 구분하여 여러 스타일을 사용할 수 있습니다.key: value다음과 같은 쌍: :style="{ backgroundColor: (props.item.release_date ? 'green' : 'transparent' ), color: 'red', width: '120px' }" 저는 모든 스타일을 하나의 오브젝트에 담을 수 없는 상황이었기 때문에 vue에서 다..

vue-cli-service에서 빌드된 Vue 구성 요소를 가져올 수 없음 나는 Vue에서 꽤 처음이고 아마 내 문제는 사소한 것일 것이다. 해야 할 일: NPM 프라이빗 레포에 넣을 수 있는 Vue 컴포넌트를 생성하여 bundle.js 파일과 같은 파일로 다른 프로젝트로 Import하고 싶다. TLDR: vue-cli-service build --target lib/wc에 의한 vue 구성 요소 빌딩을 가져올 수 없습니다.내가 가지고 있는 silimar의 컴포넌트를 수입하고 있다."export 'HelloWorld' was not found in '../node_modules/hello-world' 롱 버전: 나는 할 수 있는 한 많은 질문들과 프로젝트들을 했다.모든 프로젝트는 추가 변경 없이 vue-..

v-for - VUE에서 어레이 항목을 제거하려면 인덱스를 하위 구성 요소에서 상위 구성 요소로 보냅니다.JS 2 저는 Vue JS를 처음 사용하는 사람이라 Vue 2부터 시작했습니다. 어레이 항목을 제거해야 하지만 해당 메서드를 트리거하는 버튼은 템플릿 안에 있고 v-for는 상위 템플릿 안에 있습니다. 이것은 나의 HTML 입니다. 주된 어린아이 //CHILD TEMPLATE {{panel.title}} Internal? Can read? Position Name Company 자녀 템플릿의 자녀 {{ assistant.internal }} {{ assistant.allowRead }} {{ assistant.positionId | position }} {{ assistant.name }} {{ as..

라우터 매개 변수의 프로펠러 유형이 잘못되었습니다. 수에 문자열이 있어야 합니다. 수집하려고 합니다.id값을 지정합니다. 이전에 저는 이 게시물에 도움을 받았습니다. 인마이index.js라우터 파일의 다음 코드: { path: '/word/:id', name: 'word', component: Word, props: true, }, 내 컴포넌트에는 다음 코드가 있습니다. 다음과 같은 에러가 발생합니다. [Vue warn] :잘못된 프로펠러: 프로펠러 "id"에 대한 형식 검사에 실패했습니다.예상 번호입니다. 문자열이 있습니다. 다음은 기능 모드를 사용하여 구성요소를 라우팅하기 위한 소품 전달의 사용 사례입니다. 소품을 돌려주는 기능을 만들 수 있습니다.이를 통해 파라미터를 다른 유형으로 캐스팅하거나 스태..

VUEJS-url에서 매개 변수를 제거하는 방법 url에 여러 개의 파라미터가 있습니다.다음 코드로 url에 새로운 파라미터를 추가합니다. this.$router.push({query: Object.assign({}, this.$route.query, {cities: '1,45'})}); 그러나 도시를 선택 해제해도 마지막 ID는 city param과 함께 url에 남습니다. projects#/?cities=2189673&gender=male&range=100 실제로는 citys 파라미터만 삭제합니다.어떻게 해야 할까? url의 모든 param을 php에 게시하려면 어떻게 해야 합니까?서드파티 라이브러리로 중계되기 때문에 이것이 최선의 해결책이 아니라는 것을 알고 있습니다. Lodash는 데이터 수집을 ..

헤더에 필터 기능이 사용되는 경우 Vuetify 데이터 테이블에서 검색이 작동하지 않음 Vuetify v-data-table 구성 요소가 포함된 Vue 구성 요소가 있으며 이 구성 요소는 검색 기능과 함께 사용됩니다.제가 안고 있는 문제는 이 시스템을filter데이터 테이블로 전달되는 헤더의 함수는 검색 기능이 작동하지 않도록 합니다. 데이터 테이블컴포넌트는body-prependslot : 테이블콘텐츠 필터링에 사용할 목록을 정의합니다. {{ title }} 그런 다음 헤더가 부모 컴포넌트에서 컴포넌트로 전달됩니다. headers: [ { text: 'SOW', align: 'left', value: 'sow' }, { text: 'Firm', value: 'firm' }, { text: 'Categor..

Vue 앱 빌드를 생성하려면 어떤 명령을 사용해야 합니까? Vue 앱을 개발한 후 어떻게 해야 합니까?vue-cli Angular에는 모든 스크립트를 하나의 스크립트로 번들하는 명령어가 있습니다. Vue에도 같은 게 있나요?프로젝트를 이렇게 만든 것 같습니다. vue init webpack myproject 자, 이제 도망가도 돼 npm run build index.html 및 /dist/ 폴더를 웹사이트 루트 디렉토리에 복사합니다.다 했어요.다음을 사용하여 프로젝트를 만든 경우: vue init webpack myproject NODE_ENV프로젝트에는 개발 및 운영용 웹 팩이 구성되어 있기 때문에 운영 및 운영이 가능합니다. NODE_ENV=production npm run build 하다.dist/..

TypeScript를 사용하여 Vue.js에서 비반응 인스턴스 속성을 지정하는 방법 이행하고 있습니다.Vue.js컴포넌트를 TypeScript에 추가합니다.안내에 따라서, 나는 그것을 사용하려고 했다.Vue.extend()내 컴포넌트를 위해.구성 요소는 다음과 같습니다. import Vue from 'vue'; const Component = Vue.extend({ // type inference enabled created() { // `y` is non-reactive property this.y = 20; // TYPESCRIPT THROWS ERROR } data() { return { // x is reactive property x: 10 }; } }); 위의 예에서 나는 자산이 있다.x반응성..

로그인 후 NuxtJ 리다이렉트 Nuxtjs와 Laravel Passport를 사용하고 있습니다.사용자가 /someurl로 이동하는데 로그인 메서드가 '/'로 이동하는 경우 로그인 시 세션 변수에 푸시할 수 있도록 세션에 /someurl을 저장하는 방법은 무엇입니까?호출되는 세션 변수가 있지만 인증 미들웨어에서 새로 고쳐집니다.뭔가 놓치고 있는 게 분명해내 코드는 다음과 같습니다.auth.js미들웨어 파일 export default function ({ route, store, redirect }) { let params = '' if (!route.path.startsWith('/login') && !route.path.startsWith('/assets') && route.path !== '/') {..