c10106

Vuetify 2.x를 사용하여 테이블의 사용자 지정된 기본 행에 v-html을 사용하는 방법은? 나는 Vuetify 2.x를 사용하기 시작했다. 나는 테이블이 있고 어떤 컬럼은 html로 보여야 한다. 그래서 나는 아래 코드를 사용했다. {{ props.item.name}} 하지만 Vuetify 2.0부터 테이블이 바뀌었다. 더 이상 "템플릿"이 사용되지 않음.그래서 나는 "v-html"을 어떤 열에 어떻게 적용할 수 있는지 모르겠어.이 예에 기초하여 다음과 같이 할 수 있다. 참조URL: https://stackoverflow.com/questions/57206760/how-can-i-use-v-html-in-customized-default-rows-in-the-table-using-vuetify-..

Vuetify : 스로틀/차단 v-autocomplete 원격 데이터와 함께 Vuetify 자동 완성 기능을 사용하고 있는데 API 호출을 제한/해제하고 싶다(500ms 동안 사용자가 자동 완성에서 텍스트를 입력할 때 API를 호출하십시오).내가 어떻게 그럴 수 있을까? Stack OverFlow라는 게시물이debounce-search속성, 하지만 내게는 효과가 없었고, 이 속성에 대한 어떤 Vuetify 문서도 보지 못했다.API 호출을 하는 기능에 디버깅을 추가할 수 있다.신규 통화가 지연되고 보류 중인 모든 통화를 취소하는 등 디베이트가 및 와 함께 이행될 수 있다. methods: { fetchEntriesDebounced() { // cancel pending call clearTimeout(t..

Vuex를 사용하여 값을 설정하고 가져오려면 어떻게 해야 하는가? 나는 Vue는 처음이고 Vuex는 처음 사용하는 거라서 내 부분에 대한 완벽한 오해일 수 있어. 나는 2개의 DatePicker가 있는 페이지가 있는데, 사용자가 값을 선택할 때, 페이지는 웹서비스에 POST를 만드는 다른 페이지로 값을 전달해야 한다.그러기 위해서는 Vuex를 사용해야 한다고 읽어서 노력했는데 Vuex var로 내 var 값을 설정할 수가 없어.여기 제 코드: https://codesandbox.io/s/y0ovmqrqlv 값을 설정하려고 하는 코드(Data.vue에 표시됨)는 다음과 같다. methods: { getDatePrimeiro(primeiraDataPassada) { var dataUm = primeiraDa..

VueJS 2 : 구성 요소에서 Watch 메서 나는 2개의 구성요소로 VueJS2를 작업하고 있다. 원하는 동작:한 구성 요소에서 메서드가 트리거될 때마다 다른 구성 요소에서 메서드를 트리거하고 싶다. 내가 필요한 건 시계와 환불이겠지이것은 다음과 같이 보인다. watch: { 'this.$refs.component1.method1': () => { console.log('TRIGGERED method1') this.$refs.component2.method1() }, 'this.$refs.component1.method2': () => { console.log('TRIGGERED metdod2') this.$refs.component2.method2() } 불행히도, 이것은 효과가 없다.메서드 콜을 ..

Vuetify에서 수직으로 컨텐츠 중앙 집중 Vuetify에서 컨텐츠를 수직으로 중앙에 배치할 수 있는 방법이 있는가? With thetext-xs-center도우미 클래스, 콘텐츠가 수평으로 중앙에 배치되는 경우: Hello API에서 나는 다음과 같은 다른 도우미 클래스를 테스트했다.align-content-center그러나 그 결과를 얻지 못했다.새 vuetify 버전 업데이트 v.2.x.x에서는 및 를 사용할 수 있다.수평 및 수직 정렬을 설정할 수 있는 옵션은 다음과 같다. PROPES:'start','center','end','baseline','stretch' PRPS:'start','center','end','space-around','space-between' 자세한 내용은 이 시각적 그..

다른 액션 내에서 액션 호출 내 작업에 대해 다음과 같은 설정이 있다. get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, 나는 한 가지 행동을 다른 내부에서 불러올 수 있기를 원하므로 이 예에서 나는 전화를 걸 수 있기를 원한다.get2()안에서get1().이것이 가능한가, 만약 가능하다면 어떻게 할 수 있을까?에 대한 액세스 권한dispatch첫 번째 매개 변수에 전달된 개체의 메서드: get1: ({ commit, dispatch }) => { dispatch('get2'); }, 이 내용은 설명서에서 다룬다.첫 번째 인수(컨텍스트)를 통해 디스패치 방법에 액세스할 ..

여러 v-선택 필수 규칙의 Vuetify가 작동하지 않음 재생성 단계: 다중 선택 필수 규칙이 아닌 경우 다중 선택 규칙이 작동하지 않는 경우 정상임. 예상 동작 다중 선택에도 적용되는 규칙 실제 동작 다중 선택일 경우 규칙이 작동하지 않음 재생성 코드 : 라는 다른 규칙을 추가하십시오.select2선택한 항목의 길이를 확인하는 방법: rules: { select: [(v) => !!v || "Item is required"], select2: [(v) => v.length>0 || "Item is required in select 2"], } 그런 다음 다음과 같이 두 번째 선택 항목에 바인딩하십시오. 라이브 데모참조URL: https://stackoverflow.com/questions/6411614..

구성 요소로 전달된 v-data를 소품으로 편집하는 Vue 나는 Nuxt를 사용하고 있다.2.15.3. 내 앱에서 사용자는 고객이 대답할 수 있는 질문을 설정할 수 있으며, 그 중 하나가 '다중 선택' 질문일 수 있다.이러한 유형의 질문들은 제목과 함께 사람들이 선택할 수 있는 여러 가지 대답 선택사항이 있다. 내 질문 페이지에 사용자의 모든 질문을 나열하고, 어떤 질문이든 편집할 수 있도록 허용하고 싶지만, 적어도 객관식 질문 편집에 관해서는 정확히 어떻게 해야 하는지를 알아내는 데 어려움을 겪고 있다.현재 상태로는, 나는.EditQuestion내가 합격시킨 부품.question내 것을 받쳐 주다.QuestionCard구성 요소, Vuex에 저장된 질문의 세부 정보일 뿐이다. 현재 버전의 (SO에 대해..

TypeError: this.getOptions는 함수가 아님 부트스트랩을 설치했을 때 이상한 오류가 발생했어.오류는 다음과 같다.온라인에서 봤기 때문에 덜 로더 제거와 덜 로더@5.0.0 설치를 시도했지만 아무 소용이 없었다.나는 이 단계에서 무엇을 해야 할지 확신이 없다. 구문 오류:TypeError: this.getOptions는 함수가 아님 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--..

Vue 중첩 v-for, 상위 인덱스 가져오기 나는 내포되어 있다.v-for, 기본적으로 나는 부모님의 색인을 받고 싶다.v-for그리고 그것을 아이 안에 사용한다.v-for # Name {{$parent.$index}} {{branch_users.user.first_name}} {{branch_users.user.last_name}} 나는 사용하려고 노력했다.$parent.$index하지만 여전히 효과가 없어오류는 없지만 데이터도 없다.내가 어떻게 해야 그 물건을 얻을 수 있을까?index내 부모님한테 무슨 일이요?다른 이름으로 다른 인덱스를 정의하거나 첫 번째 인덱스의 이름을parent_index # Name {{parent_index}} {{branch_users.user.first_name}} {..