VUE.JS

vue

Django REST API: POST 요청에 어떻게 응답합니까?

POST 요청을 악시오(VueJ)로 보내고 싶고, Django 서버가 POST 요청을 받았을 때 그 요청 메시지를 돌려받고 싶습니다.Django 서버에서 POST 요청을 받았을 때 함수를 만들고 JsonResponse({response: “got post request”, safe=False)를 반환하려고 했습니다. JS 함수 sendMessage() { axios({ method: “POST”, url: url, data: this.message }) .then(response => { this.receive = response; }) .catch(response => { alert(‘Failed to POST.’ …

Django REST API: POST 요청에 어떻게 응답합니까? 더 보기 »

Access-Control-Allow-Origin에 laravel-9 및 vuejs3이 없습니다.

vue3 프론트엔드와 라라벨9 백엔드가 있습니다.vue에서 fetch-api를 사용하여 백엔드로 데이터를 전송하고 응답을 받고 싶은데 아쉽게도 제출 버튼을 클릭하면 이 오류 메시지가 나타납니다.내가 그 문제를 어떻게 해결할 수 있는지 아는 사람 있나요? 과일케익/라벨코어 라이브러리를 사용해 봤지만 아직 작동하지 않았다. from firefox de tool](https://i.stack.imgur.com/SCcqL.png)에서 오류 발생) <?php return [ /* ————————————————————————– Cross-Origin Resource Sharing (CORS) Configuration ————————————————————————– Here …

Access-Control-Allow-Origin에 laravel-9 및 vuejs3이 없습니다. 더 보기 »

Vue 라우터 링크를 클릭할 수 없음

저는 vue에 처음 와서 laravel vue.js SPA를 만들려고 합니다.몇 가지 튜토리얼을 보고 매뉴얼까지 따라 해봤지만 이 방법을 찾을 수 없습니다.router-link는 텍스트를 정상적으로 생성하지만 특정 루트에 대한 href는 생성하지 않습니다.URL에서 원하는 경로로 바꾸면 404가 나오는데 어디가 잘못됐는지 모르겠어요. app.blade.blade(현재 뷰로 동작) <!doctype html> <html lang=”{{ str_replace(‘_’, ‘-‘, app()->getLocale()) }}”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> …

Vue 라우터 링크를 클릭할 수 없음 더 보기 »

약속 해결 중에 비동기 커스텀 검증자가 필드 검증 요건을 승인합니다.동작을 변경하려면 어떻게 해야 합니까?

필드는 e-메일입니다.플랫폼에 참여하기 위해 외부 사용자에게 초대를 보내기 위해 사용자가 입력해야 하는 마지막 필드입니다. 검증에서는 이메일이 이미 사용되고 있는지 여부를 확인합니다.기본적으로 이메일이 이미 등록되어 있는지 여부, 슬로우 에러입니다.이것에 의해, 송신 버튼이 디세이블인 채로 있습니다.여기서의 문제는 약속이 해결될 때까지(약 1/2초), 필드가 OK validated로 바뀌고 Submit(제출) 버튼이 활성화된다는 것입니다.유저가 재빠르면(접속 속도나 그 외의 요인도 있습니다) 초대장을 송신해, …

약속 해결 중에 비동기 커스텀 검증자가 필드 검증 요건을 승인합니다.동작을 변경하려면 어떻게 해야 합니까? 더 보기 »

vue 3 sfc에서 입력된 부트스트랩 모달 변수 사용

나는 타자기본과 vue 3 js에 익숙하지 않다.단일 파일 컴포넌트를 작성했는데 부트스트랩5 모드를 사용하고 싶습니다.그러나 VSCode에서 선언된 변수 유형에 오류가 표시됩니다.에러는 다음과 같습니다. “모달”은 값을 나타내지만 여기서는 유형으로 사용됩니다.“모달의 종류”를 말한 건가요? <script setup lang=”ts”> import { Modal } from “bootstrap”; let modal: Modal = null; … </script> npm 부트스트랩과 부트스트랩의 모든 JS 타입을 경유하여 설치합니다. …

vue 3 sfc에서 입력된 부트스트랩 모달 변수 사용 더 보기 »

vuejs에서 버튼에 바로 가기 키 추가

마우스로 클릭하면 뭔가 되는 버튼이 있어요.키보드의 위 화살표 키를 눌렀을 때도 같은 방법으로 조작하고 싶습니다. <button @click=”doSomething()”> PRESS ME </button> doSomething(){ console.log(‘clicked’) } 그래서 이 예에서는console.log(‘clicked’)키보드의 위쪽 화살표를 누를 때.내가 어떻게 그럴 수 있을까? 질문에 대한 답변

Vue에서 포스션 스틱이 작동하지 않는 문제를 해결하는 방법

헤더는 Vuetify <v-app-bar>를 사용하고 있습니다만, Prodcut을 스크롤 하는 동안 필터 컬럼을 수정해야 합니다. <template> <v-container fluid> <v-col> <v-col style=”position: sticky; z-index:2; position: -webkit-sticky; top:0; position:fixed;”>…</v-col> </v-col> </v-container> </template> 브라우저:크롬 추가 정보 : https://uxdesign.cc/position-stuck-96c9f55d9526 나는 이 기사를 읽었지만 여전히 이해할 수 없었다. 질문에 대한 답변

Vue 저장소 데이터 수정

Vue 2를 사용하고 있는 데이터는 다음과 같습니다. export default new Vuex.Store({ state: { “cnf”: { “rad”: { “txf”: { “minE”: [1000000, 1000000], “maxE”: [50000000, 50000000] }, “rxf”: { “minE”: [1000000, 1000000], “maxE”: [50000000, 50000000] }, “filtMod”: [0, 0], “filtCnf”: [-999, -999], “pn”: [“”, “”], “sn”: [“”, “”], “fw”: [“”, “”], “side”: [1, 1] } } …

Vue 저장소 데이터 수정 더 보기 »

Laravel 컬렉션 배열의 멤버 함수 exports()에 대한 호출

몇 가지 값을 어레이로 전달하려고 합니다.jobExport()수집 중 오류가 발생함Call to a member function jobsExport() on array컬렉션이 모달 컬렉션 값으로 포퓰링해야 하는 것은 이해하지만 테이블에서 여러 레코드(선택한 레코드만)를 내보내려고 합니다.이렇게 하려면 컨트롤에서 모달 메서드로 값을 전달해야 하는데 이에 대한 해결책을 찾기 위해 전리품을 검색했지만 아직 찾을 수 없습니다.내가 한 일은 이렇다 경로 Route::any(‘export/jobs/{jobs}’, [JobController::class, ‘export’]); vue에서 …

Laravel 컬렉션 배열의 멤버 함수 exports()에 대한 호출 더 보기 »

Vue에서 ThreeJ’s FontLoader를 사용하는 방법

3.js로 텍스트를 만들고 싶다.그래서 폰트를 로딩하려고 하는데 안 돼요. 왜요? const loader = new FontLoader(); loader.load( ‘http://localhost:8080/src/store/fonts/noto_sans_kr_regular.json’, font => { const color = 0x006699; const matLite = new Three.MeshBasicMaterial({ color: color, transparent: true, opacity: 0.4, side: Three.DoubleSide, }); const message = ‘ Three.jsnSimple text.’; const shapes = font.generateShapes(message, 100); const geometry = new Three.MeshBasicMaterial(shapes); geometry.computeBoundingBox(); …

Vue에서 ThreeJ’s FontLoader를 사용하는 방법 더 보기 »

3.js는 gltf 모델을 로드하여 색상을 설정하지만 축소하면 모두 검은색입니다.

안녕하세요 여러분.3.js에 gltf 모델을 로드하여 색상을 설정했다는 이상한 문제가 있습니다.확대할 때는 색상이 있지만 축소할 때는 모두 검은색입니다.그리고 소재에 직접 색을 맞추면 잘 작동합니다.감사해요. 샘플 스크린 사진과 코드입니다. loadGlbModel() { const loader = new GLTFLoader(); loader.load( `/three/eiffel-tower.gltf`, (gltf) => { const geometry = gltf.scene.children[0].geometry; const positions = geometry.attributes.position; const count = positions.count; geometry.setAttribute( “color”, new THREE.BufferAttribute(new …

3.js는 gltf 모델을 로드하여 색상을 설정하지만 축소하면 모두 검은색입니다. 더 보기 »