Vue에서 괄호 대신 메서드로 텍스트 이스케이프

이런 문자로 시작하는 텍스트가 있어요&nbsp;도망치고 싶지 않지만 나머지 끈은 도망치고 싶어 Vue, 지정text = “&nbsp;&nbsp;<strong>something</strong>”할 경우: <p>{{ text }}</p> 이 명령어는 다음을 포함한 모든 텍스트를 생략합니다.&nbsp;, 출력: &nbsp;&nbsp;<strong> 무엇인가 </strong> 이렇게 하면: <p v-html=”text”></p> 그 후, 다음과 같이 됩니다. 뭔가 내가 성취하고 싶은 것은 탈출하지 않는 것이다.&nbsp;HTML의 나머지 부분은 모두 빠져나갑니다.내 생각은 다음과 같았다. <p … Read more

Vue 3(CLI): 정의되지 않은 속성을 읽을 수 없습니다(‘get’ 읽기).

Vue 3 CLI로 전환하여 코드를 리팩터링할 때this.$http.get(‘/api/todo/’)더 이상 작동하지 않습니다.데이터베이스에서 해야 할 일 목록을 반환받는 대신Cannot read properties of undefined콘솔 오류: app.js:209 Uncaught TypeError: Cannot read properties of undefined (reading ‘get’) at Proxy.getTodos (Todos.vue?4897:38:1) at Proxy.mounted (Todos.vue?4897:28:1) at eval (runtime-core.esm-bundler.js?d2dd:2722:1) at callWithErrorHandling (runtime-core.esm-bundler.js?d2dd:155:1) at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?d2dd:164:1) at hook.__weh.hook.__weh (runtime-core.esm-bundler.js?d2dd:2697:1) at flushPostFlushCbs (runtime-core.esm-bundler.js?d2dd:341:1) at render (runtime-core.esm-bundler.js?d2dd:6247:1) … Read more

vue.js에서 jquery Datables 사용

저는 Vue에 처음 와서 Vue를 jquery datables와 함께 사용하려고 합니다.저는 jquery datable을 사용해야 하는 프로젝트에서 일하고 있습니다.다음 코드 조각에서 Vue를 jquery datables와 결합하려고 했지만 작동하지 않습니다.그 결과 데이터 테이블이 생성되지 않고 컨텐츠도 생성되지 않습니다(npm 없이 Vue를 사용합니다). 누군가 도와주면 고맙겠어요. HTML <link rel=”stylesheet” type=”text/css” href=”https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js”></script> <script type=”text/javascript” charset=”utf8″ src=”https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js”></script> <section id=”arbeitsbereich”> <template> <h1>Test</h1> … Read more

vue.js 파일 내의 v-if에서 메서드를 호출합니다.

나는 vue.js에 꽤 익숙하지 않다.해결해야 할 사소한 문제가 있어서 한 가지 도움이 필요합니다. 기존 메서드를 가진 vue.js 파일이 하나 있습니다. doSomething(){ //updates few properties here } 이제 목록/어레이 계산 속성이 pageUser()라고 합시다.또, 언제라도 doSomething을 호출하고 싶습니다.pageUser.length == 0. vue.js에서 이 작업을 수행하는 방법, 모든 태그에서 v-if를 사용할 수 있으며 여기서 메서드를 호출할 수 있는 방법 … Read more

Vuejs3 + Axios + Express – 어레이/객체의 데이터 표시

Vue를 사용하여 Express API에서 하나의 게시물을 출력하려고 합니다. 문제는 반환된 오브젝트/어레이(post.value)가 템플릿에서 선언한 값(post.title & post.body)을 표시하지 않는다는 것입니다. 어떤 도움이라도 주시면 감사하겠습니다. <template> <div v-if=”post”> <h2>{{ post.title }}</h2> <p>{{ post.body }}</p> </div> </template> <script> import axios from ‘axios’ import { ref } from ‘vue’ import { useRoute } from ‘vue-router’ export default { name: … Read more

BootstrapVue 응용 프로그램에서 Bootstrap 기본 스타일 재정의:

스타일링에 Bootstrap-Vue를 사용하는 새로운 Vue 애플리케이션을 생성했는데 현재 Bootstrap의 기본 스타일을 재정의하려고 하는 문제에 직면해 있습니다. 오류 메시지: [sass] 변수가 정의되지 않았습니다. 11 │ $b-custom-control-indicator-size-lg: $custom-control-indicator-size * 1.25 !default; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ node_modules/bootstrap-vue/src/_variables.scss 11:38 @import node_modules/bootstrap-vue/src/index.scss 7:9 @import src/app.scss 7:9 root stylesheet 재현 순서: 새로운 Vue 앱을 만들었습니다.npm create vue@2, Typescript 미사용 Bootstrap 및 BS-Vue 설치 … Read more

Vue 2의 이 검색 필터는 어떻게 되어 있습니까?

저는 일주일 넘게 이 문제를 해결하려고 노력했지만, 결국 도움을 요청하지 않을 수 없게 되었습니다. Vue 2에서 Vuetify를 사용하여 검색 필터를 구현하고 있는데 뭔가 문제가 있습니다. 검색 필터는 다음과 같습니다. <v-text-field v-model=”search” label=”Look for name…”></v-text-field> 텍스트 필드 v-model과 이중 바인딩된 구성 요소 데이터에 검색이라는 변수가 있습니다. 둘째, 다음과 같은 항목이 있습니다. items: [ { default: true, … Read more

XmlHttpRequest에서 마지막으로 수신한 값을 해석하고 가져오려면 어떻게 해야 합니까?

SseEmiter를 반환하는 웹 서비스가 있습니다. 로드 바를 프로그래밍하는 데 사용하고 있지만…받는 방법은 다음과 같습니다. static async synchronize(component: Vue) { let xhr = new XMLHttpRequest(); xhr.open(‘PATCH’, ‘myUrl.com’); xhr.responseType = “text” xhr.setRequestHeader(‘Authorization’, ‘mySessionToken’) xhr.setRequestHeader(“Content-Type”, “text/event-stream”) xhr.onload = function () { if (this.status >= 200 && this.status < 300) { resolve(xhr.response) } else { reject({status: this.status, statusText: xhr.statusText}) … Read more

vue.js를 사용하여 달력 필드에서 선택한 후 선택 사용

그래서 ‘일’에 해당하는 필드, ‘시간’에 해당하는 필드를 선택해야 합니다. 1일째를 선택하면 사용자는 2개의 사용 가능한 슬롯 중 하나를 선택하고 2일째를 1일째와 동일하지만 다른 시간으로 선택해야 합니다.‘hours’ select 필드는 ‘days’ select에서 선택될 때까지 비활성화 상태로 있어야 합니다.내가 어떻게 이것을 이룰 수 있을까?지금까지 얻은 정보는 다음과 같습니다만, 「시간」선택을 유효하게 할 수 없는 것 같습니다. <template> <div id=”app”> … Read more

전단 오류 > 참조 오류: L이 정의되지 않았습니다.

한가지 이상한 사실은 내가 처음 코드를 저장했을 때 지도가 완벽하게 화면에 나타났다는 것이다.하지만 이번 한 번뿐이었다. 나는 무슨 일인지 모르겠다.코드가 완벽해 보이는데 콘솔에 이 오류가 무슨 의미가 있는지 모르겠어요. 다음 오류를 수정할 수 없습니다. runtime-core.esm-bundler.js:38 [Vue warn]: Unhandled error during execution of mounted hook at <LeafletMap lat=-20.3612397 lng=-40.2958806 > at <[id] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {__v_skip: … Read more

Q-파일 요소 이미지 업로드 미리보기가 올바르게 표시되지 않음

처음 이미지 업로드 기능을 구현하려고 하는데 이미지 미리보기가 잘 표시되지 않습니다.다른 투고나 스레드를 둘러보았지만, 실장 방법은 나에게 맞지 않는 것 같습니다. 지금까지 제가 알아낸 건 다음과 같습니다. HTML: <q-file filled bottom-slots v-model=”image” label=”Foto” counter multiple accept=”.jpg, image/*” @update:model-value=”previewImage” > <template v-slot:prepend> <q-icon name=”cloud_upload” @click.stop.prevent /> </template> <template v-slot:append> <q-icon name=”close” @click.stop.prevent=”image = null” class=”cursor-pointer” /> … Read more

Vue JS, 속성에 따라 하나의 JSON 어레이에서 여러 어레이를 만듭니다.

저는 Vue JS에 대해 잘 모르기 때문에 JSON 어레이를 통해 공유 객체 프로펠러 값을 기반으로 여러 어레이를 만들 때 제공하는 기능을 사용하려고 합니다.이 JSON을 기반으로 합니다. { fields: [ { “group”: “group1”, “label”: “label1”, “value”: “value1”, }, { “group”: “group1”, “label”: “label2”, “value”: “value2”, }, { “group”: “group2”, “label”: “label3”, “value”: “value3”, }, { “group”: … Read more