vue
vue main.ts에서 vuei18n-po 패키지를 사용하는 튜토리얼을 찾을 수 없습니다. YTS 문서는 작아서 설명이 잘 되지 않습니다. https://www.npmjs.com/package/vuei18n-po 를 참조해 주세요. vue에서는 앱 내에서 이런 것을 사용해 본 적이 없기 때문에 매우 어렵습니다. 제 코드입니다. import { createApp } from “vue”; import App from “./App.vue”; import router from “./router”; import “jquery”; import “bootstrap”; import “bootstrap/dist/css/bootstrap.min.css”; import …
larabel 9 및 vuejs 컴포넌트에 문제가 있어 컴포넌트(‘Welcome Main Component.vue’)를 로드하려고 합니다.‘블레이드’는 페이지에 아무것도 렌더링하지 않았습니다.이전에 ‘home.blade’ 페이지에서 모든 컴포넌트를 오류 없이 로드했는데, 이 컴포넌트도 홈에 로드하려고 하면 문제없이 표시됩니다.콘솔에 오류가 표시되지 않아 문제를 파악할 수 없습니다.제안해 주실 수 있나요? 환영해.블레이드: <!DOCTYPE html> <html lang=”{{ str_replace(‘_’, ‘-‘, app()->getLocale()) }}”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, …
Vue SPA 앱을 가지고 있습니다.이 앱을 앱 모듈로 확장하고 싶어서 폴더를 만들려고 합니다.src/modules모듈 폴더를 포함합니다.각 폴더의 루트에 몇 가지 설정 js 파일(store.js, route.js 등)을 넣습니다.질문은 다음과 같습니다. 메인 파일)입니다.src/store/index.js,src/router/index.js, 등)의 모든 폴더에 대해 루프하려면 어떻게 해야 합니까?src/modules메인 컨피규레이션에 내용을 추가하기 위한 컨피규레이션파일이 존재하는지 확인합니다.물론 이 작업은 빌드 시 실행해야 합니다.모듈 설치는 동적으로 이루어지는 것이 아닙니다.정말 …
닫았어요.이 질문에는 상세 또는 명확성이 필요합니다.현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 세부사항을 추가하고 문제를 해결하십시오. 어제 문을 닫았어요. 이 질문을 개선하다 v-bind에서 조건식을 단순화하는 방법 :href=”type === ‘exampleType’?`${link}/${id}?exampleGetParam=true`:`${link}/${id}`” 두 번 다시 말하지 말고${link}/${id} 질문에 대한 답변
배열이 있지만 어떤 ID가 포함되어 있는지 알 수 없다고 가정합니다.그것들을 동적으로 그룹화하여 표시하려면 어떻게 해야 합니까?몇 개의 다른 ID가 있는지 알 수 없기 때문에 몇 개의 다른 어레이가 생성될지도 알 수 없습니다. 이론적으로 모든 오브젝트를 이 ID별로 그룹화하여 새로운 어레이로 푸시해야 한다고 생각합니다.이러한 어레이는 ‘array-0‘, ‘array-1′ 등으로 명명할 수 있습니다.그런 다음 생성된 어레이 수를 계산하고 …
클릭 한 번으로 특정 동영상을 다운로드하고 싶습니다.이를 위해 Button을 만들고 관련 동영상 다운로드를 트리거하는 기능을 첨부했습니다.그러나 동영상의 링크만 다운로드 할 수 있고 동영상은 다운로드 할 수 없습니다.외부 다운로더로 동영상을 다운로드하거나 URL을 브라우저 다운로드 섹션으로 드래그하기만 하면 됩니다.그러나 JavaScript를 통한 액티비티는 트리거할 수 없습니다.제발 도와주세요. 이 문제에 대처하기 위해 여러 가지 방법을 시도했습니다. Axios를 사용하지 않는 …
특정 비디오를 다운로드하려고 하면, 새로운 URL 로 리다이렉트 되어 비디오의 재생이 개시됩니다. 더 보기 »
정지된 영상이나 이미지에만 변환 효과를 더하고 싶습니다.이 효과는 계산되어 vue 메서드에 있을 수 없지만, 이 경우 대상 요소를 변경할 수 있습니다.useMouseInElement().그WorkThumbnail.vue구성 요소가 v-for 루프에 있으며 여러 비디오/비디오를 로드합니다. :style에서 현재의 DOM 요소에 액세스하려면 어떻게 해야 합니까?$event는 해결책이 아닙니다 😅 Work Thumbnail.표시하다 <template> <div v-if=”work.video === false” class=”work_thumbnail” :style=”{ backgroundImage: ‘url(‘ + require(`@/assets/img/works/${work.thumbnail}.jpg`) + ‘)’, transition: …
현재 Vue 인스턴스를 가져오고 $vuetify 개체에서 모든 중단점과 다른 속성을 가져옵니다. 제 문제는…breakpoints화면 크기를 변경한 후 속성이 업데이트되지 않습니다.반응하지 않아요 계산한 것을 사용해 보았지만, 실제로는 변경되지 않습니다. import { getCurrentInstance } from ‘vue’ const vuetify = computed(() => (getCurrentInstance()?.proxy as any).$vuetify); 사용방법$vuetify.breakpointsVue 3 옵션 구문의 경우와 마찬가지로 화면 크기에 따라 변경합니다.this.$vuetify.breakpoints– 스크립트 셋업 구문(Composition API)을 …
Vue 앱에 다음 코드가 있습니다.제가 하고 싶은 건 소품을 바탕으로 컬러 특성을 바꾸는 거예요.컴포넌트 외부에서 색상 특성이 변경될 수 있기 때문에 computed도 사용합니다. export default defineComponent({ name: ‘mail-dropdown’, props: { title: { type: String, default: ”, // required: true }, id: { type: String, }, shade: { type: String, default: ‘white’, }, grey: { type: …
부트스트랩 vue 테이블이 변경 사항이 있을 때 감지하지 못합니다.새로고침하면 나와요.새로 고치지 않고 연속된 데이터를 변경하는 방법데이터를 갱신한 후 다시 get 요청을 하지 않고 데이터를 갱신해 주었으면 합니다. 마이 데이터: items = [ {id:1,name:’Veli’}, {id:2,name:’Berkay’}, {id:0,name:’Mehmet’}, ] <b-table :items=”person” :fields=”fields” /> <template> <form v-for=”(person, index) in persons” @submit.prevent=”submit”> <input v-model=”person.name”> </form> </template> <template> <div v-for=”(person, index) …
부트스트랩 vue 테이블이 변경 사항이 있을 때 감지하지 못합니다.새로고침하면 나와요.새로 고치지 않고 연속된 데이터를 변경하는 방법데이터를 갱신한 후 다시 get 요청을 하지 않고 데이터를 갱신해 주었으면 합니다. 마이 데이터: items = [ {id:1,name:’Veli’}, {id:2,name:’Berkay’}, {id:0,name:’Mehmet’}, ] <b-table :items=”person” :fields=”fields” /> <template> <form v-for=”(person, index) in persons” @submit.prevent=”submit”> <input v-model=”person.name”> </form> </template> <template> <div v-for=”(person, index) …
코드는 동작합니다만, TypeScript가 커스텀 컴포넌트를 인식하지 못하는 이유는 무엇입니까?그리고 왜 이 기능이.js파일 이름 확장자를 지정하시겠습니까? Could not find a declaration file for module .. 라라벨 9, Vue 3, Vite 3, 이너시아를 사용하고 있습니다.JS 몇 시간 동안 찾아봤지만 해결책을 찾지 못했어요. 컴포넌트 파일 <template> </template> <script> export default {}; </script> tconfig.json { “compilerOptions”: { “target”: “esnext”, …