템플릿에 포함된 익명 Vue 메서드의 성능 차이가 있습니까?

.vue 파일에 Vue “single file component”가 있는 경우, vue에서 메서드를 정의하는 것과 성능 차이가 있습니까?methods블록: methods: { // in this example, re-emit an input event to the parent onInput(val) { this.$emit(‘input’, val); }, }, …템플릿에 어나니머스 함수를 정의하는 방법: <some-input @input=”(val) => $emit(‘input’, val’)” /> .vue 파일이 작성될 때 같은 코드로 끝나기를 바라지만 실제적인 차이가 … Read more

“데이터” 함수의 데이터를 그래프에 반향시키는 방법

포인트와 함께 두 개의 파일을 사용하고 싶은 그래프가 있습니다.셀렉터로 두 파일을 어떻게 바꿀 수 있는지 알고 싶습니다.아래 코드를 만들었는데 선택해도 그래프가 바뀌지 않습니다.날짜 데이터는 덮어쓰기는 했지만 차트에 반영되지는 않았다고 생각합니다.내가 뭘 할 수 있을까? <template> <div class=”home”> <select @change=”onChange($event)”> <option value=”dataFile1″>file one</option> <option value=”dataFile2″>file two</option> </select> <LineGraph2 :vul_data=”data”/> </div> </template> <script lang=”ts”> import { Component, … Read more

Vue 3의 컴포넌트로 데이터 텍스트를 바꿉니다.

쿼리에서 얻은 데이터에 팝오버 하이라이트 태그를 생성하려고 합니다.현재 텍스트 내에서 괄호로 둘러싸인 서브스트링을 찾아 컴포넌트로 대체하려고 했지만 Vue가 새로운 컴포넌트를 렌더링 및 마운트하는 방법을 찾을 수 없습니다. 예제 텍스트: Lorem {ipsum} dolor sit amet, consectetur {adipiscing} elit, sed do eiusmod tempor incididunt 괄호로 둘러싸인 텍스트를 찾아서 잡기 위한 꽤 간단한 regex를 만들었습니다. {(.[^{}]*)} 제가 지금까지 … Read more

vue js의 버튼으로 대화 상자 태그를 여는 방법

저는 사용자가 평가 과제를 표에 추가하여 추적할 수 있는 학습 프로그램을 만들고 있습니다.사용자가 평가 작업을 추가하기 위해 버튼을 클릭했을 때, 프로그램이 화면 중앙에 팝업을 열어 작업에 대한 관련 정보를 입력할 수 있도록 했으면 합니다.대화상자 태그로 하려고 했는데 버튼을 사용하여 대화상자를 여는 방법을 모르겠어요. <button class=”add” @click=””>Add new</button> <br/><br/> <dialog open class=”window”> <p>Subject: <input type=”text” value=”subjectName” … Read more

[Nuxt3] [Vue3]

<script setup lang=”ts”> const props = defineProps({ px: { type: String, required: false, }, bg: { type: String, default: ‘transparent’, }, rounded: { type: String, default: ‘none’, } }) const classes = [] for (const [key, value] of Object.entries(props)) { (value !== undefined) && classes.push(`${key}-${value}`) } </script> <template> <div :class=”classes” class=”overflow-hidden”> <slot></slot> </div> </template> 소품은 … Read more

서브스트랙트 입력 날짜로부터 2일

입력에서 2개의 날짜를 수집하고 있는데, 두 날짜의 차이(시간과 분)를 표시하려고 합니다.차액을 구하려고 하면 NaN이 반환됩니다.getElementById 값을 부분 추출 가능(단어인지 확실하지 않음) 수치로 변환하는 방법을 아는 사람이 있습니까? <div class=”form”> <input type=”text” value=”Heure début” /> <input type=”datetime-local” id=”begin-time” name=”meeting-time” value=”” min=”2018-06-07T00:00″ max=”2022-06-14T00:00″><br /> <input type=”text” value=”Heure fin” /> <input type=”datetime-local” id=”end-time” name=”meeting-time” value=”” min=”2018-06-07T00:00″ max=”2022-06-14T00:00″><br /> … Read more

Vue JS – URLearchParams 사용 중 오류가 표시됨

나는 오브젝트가 있는데 그것을 아약스 요청으로 전달해야 한다. advanceSearch(e, field) { this.searchString.push({ [field] : e }); let q = new URLSearchParams(this.searchString).toString(); // this.searchTerm = e; http.get(‘projects/search/’+q) .then( ( response ) => { console.log( response ) }) .catch( ( error ) => { }); }, 여기서thissearchString는 객체의 배열입니다.이 오브젝트의 배열을 URL로 전달해야 합니다.그래서 저는 이 오브젝트를URLSearchParams에러 … Read more

VueJS에 상위 요소가 없는 v-html 렌더링

VueJ에서 부모 요소가 없는 요소만 렌더링하려면 어떻게 해야 합니까? 코드: <div :v-html=”html”></div> 현재 출력 <div><image/></div> 예상되는 출력 <image /> 질문에 대한 답변 다음과 같은 커스텀 컴포넌트를 작성할 수 있습니다. vue2의 경우: Vue 앱을 초기화하기 전에 플러그인을 추가합니다. 그러면 html 문자열이 단일 html 루트로 래핑되었는지 확인합니다. String.prototype.hasHtmlCloak = function() { return /<(br basefont hr input source … Read more