vuejs2 7

vue-test-sys: 속성 $route를 덮어쓸 수 없습니다. 이 문제는 일반적으로 속성을 읽기 전용 값으로 추가한 플러그인으로 인해 발생합니다.

vue-test-sys: 속성 $route를 덮어쓸 수 없습니다. 이 문제는 일반적으로 속성을 읽기 전용 값으로 추가한 플러그인으로 인해 발생합니다. 이 문제에 대한 다른 답변을 살펴본 결과, Import를 시도하여 발생한 것으로 보입니다.vue-router테스트에 참가합니다.하지만 제 문제는 그렇지 않습니다.테스트 코드는 다음과 같습니다. import { mount, shallowMount, createLocalVue } from '@vue/test-utils' import ListDetails from '../components/homepage/ListDetails' import EntityList from '../components/homepage/EntityList' import Bootstrap..

programing 2023.01.14

Vuetify Nuxt.js : 이미지 태그에 URL 링크를 추가하는 방법

Vuetify Nuxt.js : 이미지 태그에 URL 링크를 추가하는 방법 나는 Nuxt.js와 Vuetifiy에서 처음입니다. 이미지 태그에 URL 링크를 추가하고 싶습니다.이미지를 누르면 다른 페이지 링크가 열립니다. 마이 페이지 레이아웃 url을 지정했습니다.이미지마다 url이 다릅니다.이 url을 이미지에 추가하고 싶습니다. to="/AppMain/Support/Support" and to="/UserDash/Profile" also to="/AppMain/Entertainment" how to add this urls in image 내 코드 {{ images.caption }} export default { name: "playground", data: () => ({ slides: [ { i..

programing 2023.01.04

VueJ가 어레이 길이 변경에 응답하지 않습니까?

VueJ가 어레이 길이 변경에 응답하지 않습니까? 단일 파일 템플릿을 사용하여 배열이 비어 있으면 "여기를 클릭"을 표시하고, 채워지면 값을 표시하는 버튼을 원합니다.Ajax는 정상적으로 동작하고 있으며 오브젝트는 업데이트되고 있지만 버튼이 다시 렌더링되지 않습니다.내가 여기서 뭘 잘못하고 있는 거지? Mobile App Token: {{ value.app_token[0].token }} Click to get Mobile App Token 그getTokenmethod가 변환된 경우valueprop. 이는 허용되지 않습니다(콘솔에 오류가 있을 수 있습니다). 솔루션 가져온 데이터를 저장할 토큰 및 변수를 만듭니다. data() { return { fetched: null } }, computed: { t..

programing 2022.11.30

vue.2.x의 vue-model

vue.2.x의 vue-model https://www.npmjs.com/package/vue-model 위의 코드 예는 현재 환경에서 작동하지 않습니다. vue: ^2.2.1, vue-model": 0.0.3, Vue.models.register('customer', { baseRoute: '/customers' }); 위의 예시로 고객모델을 등록한 후 고객오브젝트를 참조할 수 있게 되었습니다. customer.$.update() 에러는 재발합니다. http://eslint.org/docs/rules/no-undef '고객'은 정의되어 있지 않습니다. /Users/murotanimari/my-project/src/components/Scene1.vue: 19:1 customer.$update() ^ v..

programing 2022.11.11

vuej의 tslint 오류를 자동 수정하려면 어떻게 해야 합니까?

vuej의 tslint 오류를 자동 수정하려면 어떻게 해야 합니까? 나는 달리고 있다vue-cli-service lint --fix내 vuejs/타자기본 프로젝트에서.예상대로 대부분의 보풀 오류/경고는 자동으로 해결됩니다. 단, 특정 tslint 규칙이 있습니다."semicolon": [true, "always", "ignore-interfaces"]) 이 명령어로 자동 수정하고 싶습니다.타이프 스크립트인터페이스는 다음과 같습니다(예상된 보풀 결과). interface component { type: "input" | "dropdown" | "checkbox", hidden?: boolean } 보풀이 실행되면 이렇게 포맷됩니다.메시지는[eslint] Replace,with;(prettier/pretti..

programing 2022.11.10

Vue.js의 메서드 내에서 입력 포커스 이벤트를 트리거하려면 어떻게 해야 합니까?

Vue.js의 메서드 내에서 입력 포커스 이벤트를 트리거하려면 어떻게 해야 합니까? 다음 이벤트를 사용하고 있는 입력이 있습니다. 이거 어떻게 쓰죠?@focus="$event.target.select()"이벤트 내부: 위의 방법은 값을 복사합니다.사용자가 copy를 클릭했을 때 위의 select focus 이벤트를 트리거해야 합니다.올바르게 달성하려면 어떻게 해야 합니까?더하다saved포커스 이벤트 핸들러로서의 메서드: @focus="saved" 방법: methods: { saved(event){ //the event is passed automatically as parameter event.target.select() } } 편집: 추가 시도ref입력 요소 그런 다음 메서드 내에서 프로그래밍 방식으로..

programing 2022.11.02

Google Maps VueJS 컴포넌트(vue2-google-maps)를 Larabel 블레이드 뷰에 통합

Google Maps VueJS 컴포넌트(vue2-google-maps)를 Larabel 블레이드 뷰에 통합 vue2-google-maps npm 패키지를 사용하여 Google Maps Vue JS 컴포넌트를 Laravel 어플리케이션뷰에 통합하고 있습니다. npm 패키지 매뉴얼에 따라 다음을 사용하여 npm 패키지에서 vue 컴포넌트를 로드합니다. import * as VueGoogleMaps from 'vue2-google-maps'; Vue.use(VueGoogleMaps, { load: { key: 'mapkey', libraries: 'places' } }); 다음으로 블레이드 뷰 내의 컴포넌트를 설명서의 샘플 코드와 함께 사용합니다. 다만, 다음의 에러가 표시됩니다. 알 수 없는 사용자 지정 ..

programing 2022.10.21