반응형

vuejs2 272

vuejs 2에서 선택 입력 옵션을 동적으로 변경

vuejs 2에서 선택 입력 옵션을 동적으로 변경 v-모델 선택 드롭다운에서 옵션을 동적으로 변경하는 방법? 나는 2개의 선택 입력이 있는데 하나는 다른 입력에 따라 달라져야 한다. 예를 들어, "과일"을 선택하면 과일이 표시되고, "채소"를 선택하면 야채가 표시된다.나는 Vuejs를 사용하지 않지만, 설명서를 본 후에: var TypesArr = { Fruit: [{ text: 'Apple', value: 'Apple' }, { text: 'Orange', value: 'Orange' }, { text: 'Mango', value: 'Mango' }], Meat: [{ text: 'Steak', value: 'Steak' }, { text: 'Pork', value: 'Pork' }] } var sel..

IT이야기 2022.05.18

코르도바/자바스크립트 오디오 녹음

코르도바/자바스크립트 오디오 녹음 코도바, 부에즈, 온센 UI(부이에스용)를 이용한 새로운 앱에 대해 조금 작업을 해왔는데, 이제는 안드로이드나 iOS 기기에서 마이크를 사용하여 오디오를 녹음하여 구글 스피치 투 텍스트 API로 전송하는 것을 구현하고 싶다. API로 데이터를 어떻게 보낼지는 알 수 있지만, 나의 주된 문제는 모바일 장치에서 데이터를 어떻게 기록하여 사용하는가이다(네트워크 연결이 없는 한 일시적으로 장치 자체에 저장하지 않고, 데이터를 저장해야 하며, API에 대한 요청은 안정적인 네트워크 연결이 있을 때까지 대기해야 한다). 구현해야 할 몇 가지 사항이 있다: - 선택 가능한 비트 전송률 - 최대 기록 길이(있기 좋은)를 계산할 수 있는 장치에 남아 있는 공간 탐지 - 기록 시간(기본적..

IT이야기 2022.05.18

어떻게 비동기적으로 Vuetify 텍스트 필드를 확인하기 위해?

어떻게 비동기적으로 Vuetify 텍스트 필드를 확인하기 위해? Vuetify에서 텍스트 필드고 있다.rules소품, 돌아오는 기능의 배열한다.true아니면 오류 문자열입니다.그래서 유효성 검사 서버 측 XHR을 사용하여 만들어질 수 있는 그것들은 얼마나 async을 만드는 법? 같은 거: 한가지 해결책은 설립하는 것이다.error-messages소품: 그리고 사용하여watch옵션: new Vue({ data () { return { input: '', errors: [] } }, watch: { input (val) { axios.get('/check?value=' + val).then(valid => { this.errors = valid ? [] : ['async error'] }) } } }); ..

IT이야기 2022.05.17

농담이든+vuejs+vuetify과 예상치 못한 식별자입니다.

농담이든+vuejs+vuetify과 예상치 못한 식별자입니다. 나는 대답을 다 찾아봤잖아나는 그것이a. 의심이 든다..babelrc불출지만 나는 작동하는 대답을 찾을 수 없다. 이 앱은 단지 좋지만, 제가 알아낸 바로는 둘 다 제스트와 Rollup 정말에 의존하는 달린다..babelrc. 다른 가능한 장본인은 리플릿.나는 시험 형성하는 모든 요소들 중에서, 오직 사람이 들어 있는 리플릿과.vue2-leaflet이 문제점을 가지고 있는 것 같다.나는 매핑 앱에 일하고 있어요 점을 고려할 때 이 나에게 중요하다. 왜냐하면 나는 아무것도 증명할 수 없여기, 우편 있어요.그리고 비슷한 문제들을 봤는데 다른 사람들이 있어. 터미널 출력: nr test:unit > cxl-vue-leaflet@3.0.1-SNAPS..

IT이야기 2022.05.17

v- 안에서 v-skeleton-loader를 시각적으로 만드는 방법?

v- 안에서 v-skeleton-loader를 시각적으로 만드는 방법? 나는 a를 보여주려고 한다.v-skeleton-loader뷔에티파이로나는 사용해 왔다.v-if그리고v-else. 이미지가 로드되지 않으면 골격 로더가 표시되어야 한다.그렇지 않으면 이미지를 보여줘야 한다.이건 내 암호야 하지만 더v-skeleton-loader화면에 보이지 않는다.VImage이미지를 로드하는 동안 표시할 로더 구성 요소를 사용자 지정하는 데 사용되는 슬롯: 데모를 하다 참조URL: https://stackoverflow.com/questions/62607008/how-to-make-v-skeleton-loader-inside-v-for-in-vuetify

IT이야기 2022.05.16

Vue 인스턴스에서 구성 요소로 데이터를 전달하는 방법

Vue 인스턴스에서 구성 요소로 데이터를 전달하는 방법 우선 나는 이 일에 몇 시간을 보냈다고 말해야 한다. 그래서 내가 어리석고 간단한 것을 간과했다면 나는 사과해야 한다. 나는 루트 Vue 인스턴스를 통해 한 구성 요소가 다른 구성 요소와 대화하도록 하려고 한다.지금까지 MakeComponent가 아래와 같이 루트 인스턴스에 메시지를 보내도록 했다. const eventHub = new Vue() // Single event hub // Distribute to components using global mixin Vue.mixin({ data: function () { return { eventHub: eventHub } } }); Vue.component('fig-make-dropdown', re..

IT이야기 2022.05.16

새 Vue 앱 버전을 릴리스할 때 크롬에서 캐시를 강제로 지우는 방법

새 Vue 앱 버전을 릴리스할 때 크롬에서 캐시를 강제로 지우는 방법 로 앱을 만들었다.vue-cli그리고 나서 나는 그 건물을 짓는다.dist생산용 폴더 앱이 배포된 위치IIS플라스크 백엔드를 넣고 잘 작동한다. 몇 가지 변경을 해야 하고 배치를 다시 해야 할 때 문제가 발생한다.이후 앱이 작동하지 않아 사용자들이 전화를 하지만 크롬 캐시를 지우면 앱은 다시 정상 작동한다. 내가 이 문제를 어떻게 해결할 수 있을까?새로운 애플리케이션 버전을 출시할 때 자동으로 크롬 캐시를 지우는 방법이 있는가? 고마워요. 내 dist 폴더 배포: IIS에 폴더 디스테이션을 복사하여 붙여넣기 dist 폴더에 있는 파일이 정확하다면, 문제가 axios 캐시에 있는 것이 아닐까?나는 휴식 아피스에 약간의 변화를 주기도 했다..

IT이야기 2022.05.15

Vue Watch가 트리거하지 않음

Vue Watch가 트리거하지 않음 vue watch 메소드를 사용하려고 하지만 일부 개체에는 트리거되지 않는 것 같음deep:true. 내 컴포넌트에서, 나는 다음의 양식을 만들기 위한 필드인 소품으로서 배열을 받는다.나는 양식을 만들고 그것을 동적으로라는 물건에 묶을 수 있다.crudModelCreate그리고 모든 것이 잘 작동한다(vue dev 도구에서 보기도 하고 심지어 계획서에 따라 양식 제출도 한다. 그러나 나는 그 역동적인 물체의 변화를 지켜보려고 하는 데 문제가 있다. ... data() { return { state: 1, // This gets changed somewhere in the middle and changes fine crudModelCreate: {}, } }, ... w..

IT이야기 2022.05.15

어레이 항목을 이동할 때 v-for와 함께 렌더링되는 구성 요소 내부에 포함된 Youtube 비디오 다시 로드

어레이 항목을 이동할 때 v-for와 함께 렌더링되는 구성 요소 내부에 포함된 Youtube 비디오 다시 로드 배경: 나는 사용자가 텍스트 블록, 이미지 블록, 비디오 블록과 같은 다양한 종류의 블록을 함께 삽입하여 완전한 페이지를 만들 수 있는 Vue 기반 프로젝트 - 컨텐츠 편집기 페이지에서 일하고 있다. 내 해결책은 v-for를 사용하여 단순히 렌더링하는 블록의 배열로 완벽히 작동하는 것이다. 때때로 내 사용자들은 블록을 재주문해야 하기 때문에 나는 블록을 위아래로 이동시키기 위해 두 개의 버튼을 가지고 있다.비디오 블록을 제외하면 문제없이 작동하기도 한다. 이 비디오 블록에는 유튜브 임베디드 iframe이 포함되어 있다. 문제: 비디오 블록을 아래로 이동할 때마다 - 어레이의 끝에 더 가까이 - ..

IT이야기 2022.05.15

vuej의 다른 구성 요소에서 구성 요소의 데이터 속성을 업데이트하는 방법

vuej의 다른 구성 요소에서 구성 요소의 데이터 속성을 업데이트하는 방법 나는 A와 B라는 두 가지 구성요소를 가지고 있는데, 둘 다 서로 자식도 부모도 아니다.A에는 다음과 같은 데이터가 있다. export default { data() { return { info1: 'info1' } } } 이제 이 정보1을 구성요소 B에서 업데이트하고 싶다.가능합니까?$root 및 $ref를 사용하여 다음과 같은 두 구성 요소에 ref를 첨부하십시오. 여기 중요한 부분이 있어, 각 구성 요소에 대한 정확한 경로를 따라야 해.B의 구성요소 A에 액세스하려는 예, 사용 this.$root.$children[0].$refs.compa.info1 아니면 그럴 것이다. this.$root.$children[0].$chil..

IT이야기 2022.05.14
반응형