javascript

vue.js에서 jquery Datables 사용

by

저는 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에서 메서드를 호출합니다.

by

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

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

by

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

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

by

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

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

by

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를 사용하여 달력 필드에서 선택한 후 선택 사용

by

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

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

by

처음 이미지 업로드 기능을 구현하려고 하는데 이미지 미리보기가 잘 표시되지 않습니다.다른 투고나 스레드를 둘러보았지만, 실장 방법은 나에게 맞지 않는 것 같습니다. 지금까지 제가 알아낸 건 다음과 같습니다. 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 어레이에서 여러 어레이를 만듭니다.

by

저는 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

vue 파일의 VSCode 스니펫에 사용되는 범위는 무엇입니까?

by

프로젝트용 스니펫 파일을 만들고 있습니다.단, Vue 파일에 대해서만 일부 스니펫의 범위를 정의합니다.물론 scope 속성을 생략하여 모든 파일에 적용할 수 있다는 것은 알지만, 저는 그것을 원하지 않습니다. 다른 옵션을 시험해 보았습니다(vue, html, vuejs)는 다음과 같습니다. 그러나 이 스니펫은 표시되지 않습니다. 스코프를 삭제하면, 스니펫이 표시됩니다. 하지만 필요 없는 모든 종류의 파일에 표시되기 때문에 원하지 않습니다. https://code.visualstudio.com/docs/editor/userdefinedsnippets#_snippet-scope에서 공식 … Read more

v-for 루프에서 계산된 함수를 통해 데이터 가져오기

by

인event.agents저장된 일반 텍스트 ID가 있습니다. 특정 데이터를 얻기 위해 가져오려고 합니다.데이터를 가져오기 위해 계산된 함수를 작성했는데 백엔드 서버가 항상 이렇게 크래시됩니다. 캐스트 에러 모델 “User”의 경로 “_id”에서 값 “[Object Object]”(타입 문자열)에 대해 ObjectId로 캐스팅하지 못했습니다. 그래서 어떻게든 Promise와 함께 일해야 할 것 같아요.하지만 나는 방법은 잘 모르겠습니다. 이 방법에서는 다음과 같이 필요한 에이전트 데이터를 표시합니다. … Read more

vue를 사용하여 Real Time Apex Chart를 작성하는 방법

by

Apex Charts 웹사이트의 vue 문서를 따르려고 합니다.https://apexcharts.com/vue-chart-demos/line-charts/realtime/ 부품을 구성하는 방법은 실용적이지 않습니다.이 예에서 누락된 방법이 있는 것 같습니다. 위 예시와 같이 매초 데이터를 가져오는 차트를 만들고 싶다(1초치 데이터) <template> <VueApexCharts type=”line” height=”350″ width=”100%” :options=”chartOptions” :series=”series” ref=”chart” /> </template> <script> import { ref } from “vue”; import VueApexCharts from “vue3-apexcharts”; import { useStore } from “vuex”; … Read more

css-loader에 대한 종속성 피어 Webpack5를 확인할 수 없습니다.

by

사실 저는 javascript가 처음이라서 설치하려고 합니다.vue-audio-visual할 수 있습니다.그런데 노드 콘솔에 무슨 관계가 있는지 알 수 없는 이상한 오류가 발생했습니다.npm 에러는 다음과 같습니다. code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: css-loader@6.6.0 npm ERR! Found: webpack@4.46.0 npm ERR! node_modules/webpack npm ERR! peer webpack@”^4.0.0 ^5.0.0″ from @soda/friendly-errors-webpack-plugin@1.8.1 npm ERR! node_modules/@soda/friendly-errors-webpack-plugin npm … Read more