반응형

vuejs2 6

Vue3 글로벌 컴포넌트 액세스

Vue3 글로벌 컴포넌트 액세스 그래서 이 Vue2 프로젝트를 Vue3(타입 스크립트)로 변환하려고 합니다. 글로벌하게 컴포넌트를 등록하여 스토어의 값과 일치시키기 위해 액세스하지만 Vue3에서 이를 구현하려고 하면 컴포넌트는 정의되어 있지 않습니다. import getComponentTypeForContent from "../api/getComponentTypeForContent"; import { mapState } from "vuex"; import { defineComponent } from "vue"; export default defineComponent({ name: "PageComponentSelector", beforeCreate: function () { console.log("CREA..

source 2023.01.02

사용자 역할에 따라 1개의 루트에 대해 다른 뷰를 로드하는 방법이 있습니까?

사용자 역할에 따라 1개의 루트에 대해 다른 뷰를 로드하는 방법이 있습니까? 역할에 따라 다른 보기에 대해 기본 페이지 경로 '/'을(를) 사용하려는 경우 구현이 있습니까?예를 들어, 권한이 있는 사용자라면MainAuth게스트의 경우는,MainGuest설명에 도움이 되는 몇 가지 코드가 있습니다. const routes = [ { path: '/', name: 'main_auth', component: MainAuth, meta: { requiresAuth: true } }, { path: '/', name: 'main_guest', component: MainGuest, meta: { requiresGuest: true } } ] 이 예에서는 게스트 또는 사용자에 관계없이 선언한 첫 번째 경로가 로드됩..

source 2022.12.08

루프를 위해 vuejs의 첫 번째 요소에 class="active"를 설정하는 방법

루프를 위해 vuejs의 첫 번째 요소에 class="active"를 설정하는 방법 는ueuejsjsjs 우배 배배배배ue 목록을 목록을 추가하고 요. 추가하고 싶습니다.class="active"음음음음 뭇매하다 {{ sliderContent.title }} 첫 번째 요소는 다음과 같습니다. WELCOME TO CANVAS Create just what you need for your Perfect Website. Choose from a wide range of Elements & simple put them on your own Canvas 데이터를 얻을 수 있어서 모든 게 완벽하게 잘 작동하고 있어요. 스크립트 코드는 다음과 같습니다. 위는 문제 해결 방법을 보여 주는 단편입니다.개요는 다음과 같습..

source 2022.11.28

원치 않는 동작에 대한 VueJs v-

원치 않는 동작에 대한 VueJs v- v-for 목록을 렌더링하는 데 사용되는 어레이를 수정할 때마다 이 문제가 발생합니다. 세 가지 항목의 v-for 목록이 있다고 가정해 보겠습니다. One Two Three 항목 배열에 새 항목 추가: New Item One Two Three 초점은 움직이는 것 같은데... 문제를 나타내는 바이올린을 봐주세요.https://jsfiddle.net/gu9wyctr/ 이 행동에는 정당한 이유가 있다는 것은 알지만, 그것을 관리하거나 완전히 피해야 합니다.아이디어? 편집: 제 설명이 좀 애매하다는 걸 이제야 깨달았어요.이 문제를 설명하기 위한 업데이트된 바이올린을 소개합니다.https://jsfiddle.net/keligijus/d1s4mjj7/ 문제는 입력 텍스트가 다..

source 2022.10.30

Vue.js - 선택한 항목 VM 바인딩이 작동하지 않음(bootstrap-vue)을 선택/드롭다운합니다.

Vue.js - 선택한 항목 VM 바인딩이 작동하지 않음(bootstrap-vue)을 선택/드롭다운합니다. 선택한 항목을 선택/드롭다운에서 VM 속성에 바인딩하는 단순 vue를 생성하려고 합니다. 뷰 모델에도 있는 옵션 컬렉션을 사용할 때 어떻게 다운되는지 명확하고 간단한 예를 찾을 수 없었습니다. Select box Select an Item {{option.text}} Selected: {{ ddTestVm.ddTestSelectedOption }} 어떤 방법을 사용해도 드롭다운에서 선택한 값을 가져와 VM의 ddTestSelectedOption 속성을 변경할 수 없습니다. 이 문제에 대해 누가 도움을 줄 수 있나요? 감사해요.b-dropdown에bootstrap-vue지원하지 않습니다.v-model..

source 2022.10.29

각도 2를 사용하여 인도 형식으로 숫자 표시

각도 2를 사용하여 인도 형식으로 숫자 표시 다음과 같이 쉼표로 숫자를 인쇄하고 싶다.thousands,lacs,crores세퍼레이터.예: 10,000 - ten thousand 1,00,000 - 1 lakh 10,00,000 - 10 lakh 1,00,00,000 - 1 crore Angular의 숫자 파이프를 사용하여 쉼표로 구분된 값을 구현했지만 제대로 출력되지 않아 다음과 같이 표시됩니다.1,000,000 - 10 lakh. angular/javascript를 사용하여 위의 기능을 구현하려면 어떻게 해야 합니까, 아니면 angular에 이를 위한 파이프가 있습니까?.toLocalString()을 사용할 수 있습니다. toLocaleString() 메서드는 이 번호를 언어별로 나타내는 문자열을 반..

source 2022.10.19
반응형