goodcode

Vue.js - 필터링된 scopedSlot에서 슬롯을 동적으로 만듭니다. Vue.js 스코프드 슬롯 덕분에 Child 컴포넌트 내의 사용 가능한 모든 슬롯을 루프할 수 있습니다.템플릿의 특정 위치에 특정 문자열로 시작하는 슬롯만 렌더링하려고 합니다. 불행히도, 그것은 작동하지 않는다.제가 뭔가를 간과하고 있는 것 같아요. Parent.vue: {{ value }} Child.vue: https://codesandbox.io/s/keen-bose-yi8x0부모가 다음 이름의 슬롯에 접속하려고 합니다.table--item.glutenfree그 때문에, 그 이름의 스코프 슬롯이 작성됩니다.하지만 당신이 그 대상을 정하기 위해 필터링을 할 때v-data-tableslot, 이 필터링된 이름을 자녀 슬롯에도 사..

Vue JS에서 구성 요소를 동적으로 렌더링하는 방법 입력란이나 버튼 등에 컴포넌트를 사용하는 폼 제너레이터를 만들고 있습니다.전달되는 옵션에 따라 폼을 생성할 수 있기를 원합니다. 하지만 부품을 렌더링할 수 없습니다. 순수 HTML을 반환하려고 했지만 컴포넌트가 렌더링되지 않습니다. 집에서 폼제너레이터를 호출합니다.vue 템플릿에서는 다음과 같은 옵션개체가 있는 폼을 사용합니다. options: { name: { type: 'input', label: 'Name' }, submit: { type: 'button', label: 'Send' } } 템플릿 내: 폼제너레이터 컴포넌트에서 다음과 같은 여러 가지 시도를 해 보았습니다. {{ generateForm(this.options) }} // ... o..

Vuetify 자동 완성 유사 항목이 표시되지 않습니다. 내 경우 로컬 API에서 비슷한 제목의 커스텀 게시물이 있으며, 나는 검색 쿼리로 게시물을 표시하려고 했습니다.items어레이를 설정합니다. 데이터: { "count": 5, "entries": [ { "id": 3, "title": "Senior developer Python" }, { "id": 4, "title": "Senior developer Python" }, { "id": 5, "title": "Senior developer Python" } ] } Vuetify 자동 완성 코드: Javascript 코드: 유사한 모든 투고를 제목별로 자동 완성하려면 어떻게 해야 합니까?설정 시도item-value로.id예를 들어 다음과 같습니다. 확..

웹팩/Grails/Gradle 프로젝트에 서드파티 JSlibs 추가 vue.js를 클라이언트 측 JS 엔진으로 사용하여 인텔리주 환경에서 gradle과 조합하여 웹 팩을 사용하는 것을 검토 중입니다. 우선 vue 프로파일을 사용하여 새로운 Graphes 프로젝트를 구축했습니다. grails create-app foobar --profile=vue 처음에는 새로운 xyz를 통합하는 데 문제가 있었습니다.vue 메인 화면과 vue 라이브러리가 함께 표시되기 때문에 저는 Welcome을 복제하여 부정행위를 했습니다.프로파일에 의해 생성된 vue 파일 및 내 요구를 충족할 때까지 해킹합니다. 아쉽게도 지금은 새로운 js 라이브러리를 추가하고 싶은 단계입니다.https://github.com/amsik/liquo..

외부 테마 파일에 의해 생성되는 Dart SAS 경고 비활성화 제 프로젝트에 포함된 서드파티 SCSS 파일이 있으며, 그 결과 Dart SAS에 경고 목록이 많이 표시됩니다.서드파티제의 경고를 무효로 하려면 어떻게 해야 합니까? 다트 SCSS와 함께 Vue를 사용하고 있습니다.Dart에는 quiet Deps 옵션이 있는데, 제대로 사용하고 있는지 잘 모르겠습니다. // _common.scss // Line below causes warnings to be displayed. @import "~@progress/kendo-theme-default/dist/all"; // ... // Vue.config.js module.exports = { // ... css: { loaderOptions: { sass:..

Vue 플러그인을 NPM에 게시하는 방법 저는 Voca.js용 매우 간단한 플러그인을 Typescript별로 작성했습니다.소스코드는 여기서 찾을 수 있습니다. 인덱스.ts import VueVoca from './vue-voca'; export { VueVoca }; voca.ts import vue from 'vue'; export default { install(Vue: typeof vue) { Vue.prototype.$voca = require('voca'); } }; vue.d.ts import Vue from 'vue'; import vc from 'voca'; declare module 'vue/types/vue' { export interface Vue { $voca: vc.VocaStat..

vue cli - 수집되지 않은 구문 오류:예기치 않은 토큰 우클릭Delete로 끝나는 라벨이 있는 엔트리에http://localhost:8080. 오른쪽 클릭을 시도하지 않았습니다.Cache Storage>Refresh Caches, 또한 작동할까요? 이 문제가 실가동 중에 발생하고 있는 경우는, 이 문제에 대한 해답이 아닙니다.이 문제를 해결하는 방법을 모르는 최종 사용자를 위해서, 다른 방법으로 앱의 기능을 확실히 할 필요가 있습니다. 저도 같은 문제가 있었어요.저는 '자산'을 추가하여 해결합니다. 여기서도 같은 에러가 발생했습니다.어플리케이션을 도입할 때 일어난 일이기 때문에 로컬 환경에서 정상적으로 동작합니다. 검색한 후 vue-cli의 공식 지침을 따랐습니다.publicPath이하에 나타냅니다..

프로젝트 후반부에서 Vue.js를 스탠드아론 빌드에서 런타임 전용 빌드로 변경하시겠습니까? 와 함께 갔다.runtime-only새로운 프로젝트의 Vue.js 빌드 버전을 만듭니다.의사록에서 본 바로는,standalone다음과 같이 웹 팩에 에일리어스를 추가해야 합니다. resolve: { alias: { 'vue$': 'vue/dist/vue.js' } } 현재로서는 앱에 컴파일러가 필요 없습니다.다만, 어느 시점에서는, 다음의 커스터마이즈로 전환할 필요가 있을 가능성이 있습니다.standalone구축합니다. 질문입니다.그것은 나중에 쉽게 전환할 수 있을까요?아니면 고도의 리팩터링이 필요할까요? 만약 그렇다면, 나는 그 일을 시작하는 게 낫겠어요.standalone나중에 리팩터링을 하지 않도록 합니다.s..

Vue 2에서 FCM 푸시 알림 수신 서비스 워커를 등록하는 방법 파이어베이스 버전을 사용하고 있습니다.8.2.7 코드 입력public/firebase-messaging-sw.js //firebase-messaging-sw.js importScripts("https://www.gstatic.com/firebasejs/8.2.7/firebase-app.js"); importScripts("https://www.gstatic.com/firebasejs/8.2.7/firebase-messaging.js"); const firebaseConfig = { // firebase config credentials }; const app = firebase.initializeApp(firebaseConfig); con..

vuejs 템플릿 파일에 해시태그가 있는 템플릿 태그를 이해할 수 없습니다. vue template에서 어떻게 작동하는지 설명해 주세요.라라벨 제트스트림과 이너시아제스 AppLayout에서 이 코드를 찾았습니다.vue 파일 이것은 이름 있는 슬롯의 단축 버전입니다.와 동등하다.. 슬롯 및 단축 표기법에 대해서는, https://vuejs.org/v2/guide/components-slots.html#Named-Slots-Shorthand 를 참조해 주세요.언급URL : https://stackoverflow.com/questions/65070383/i-dont-understand-template-tag-with-hashtag-in-vuejs-template-file