반응형

vuejs2 143

Javascript - 날짜/시간을 moment.js로 포맷합니다.

Javascript - 날짜/시간을 moment.js로 포맷합니다. 여기서 사용한 적이 있습니다.Laravel:5.4와 함께vue.js:2.x그리고.moment.js나는 사용한 적이 있다.moment올바르게 표시하다date & time내 안에서vue templates. 예를 들어, 저는2017-06-18date를 지정합니다.그래서 나는 다음을 사용했다. {{ moment(bookingDetail.date).format('MMMM Do YYYY') }}, {{ moment(bookingDetail.date).format('dddd') }} 그 결과 다음과 같은 결과가 나왔습니다.June 18th 2017, Sunday이 작업은 괜찮은 것 같습니다.이제 해당 vue 템플릿에 다음과 같은 시간도 표시합니다.0..

sourcecode 2022.08.17

vue 및 multer를 사용한 Axios 다중 업로드

vue 및 multer를 사용한 Axios 다중 업로드 vue.js 2.0 및 multer를 사용하여 여러 파일을 업로드해야 합니다. 여러 업로드에 대해 다음 문서를 참조했습니다.https://serversideup.net/uploading-files-vuejs-axios/ 이것은 나의 vue 템플릿입니다. Files Submit my axios 쿼리는 doc와 동일합니다. 이것은 나의 멀티코드입니다. var upload = multer({ dest: "uploads/" }); app.post("/files", upload.array("streamfile", 50), function(req, res, next) { console.log(req.files); // [] console.log(req.body..

sourcecode 2022.08.16

vue-test-utils 설정 typeError: 문자열에 속성 '_Ctor'를 생성할 수 없습니다.

vue-test-utils 설정 typeError: 문자열에 속성 '_Ctor'를 생성할 수 없습니다. 이 가이드와 이 가이드에 따라 웹패커를 탑재한 레일 5.1에서 vue-test-utils 및 vue 2를 사용한 재스트 테스트를 설정했습니다.vue 구성 요소 없이 기본 테스트를 실행할 수 있지만 vue 구성 요소를 마운트하려고 하면 다음 오류가 발생합니다. TypeError: Cannot create property '_Ctor' on string 'PostAddress' 7 | 8 | it('mounts', () => { > 9 | let wrapper = shallow('PostAddress'); 10 | 11 | expect(1 + 1).toBe(2); 12 | }); at Function.Vu..

sourcecode 2022.08.16

'XMLHttpRequest has blocked by CORS policy' 수정 방법 리다이렉트에서는 1개의 루트만 사용할 수 없습니다.

'XMLHttpRequest has blocked by CORS policy' 수정 방법 리다이렉트에서는 1개의 루트만 사용할 수 없습니다. 라라벨과 부에즈를 세팅하고 있어요 라라벨 및 프런트 엔드 사이드용 CORS 플러그인은 Axios를 사용하여 REST api를 호출합니다. 다음 오류 발신기지 'http://localhost:8080'에서 'https://xxx.xx.xx'의 XMLHttpRequest에 대한 액세스가 CORS 정책에 의해 차단되었습니다.사전 이동 요청에 대한 응답이 액세스 제어 검사를 통과하지 못했습니다. 사전 이동 요청에 대해 리디렉션이 허용되지 않습니다. this is for a vuejs axios setup **main.js** axios.defaults.baseURL = p..

sourcecode 2022.08.16

사용 정상 회의 버튼을 recaptcha 사용자 Vuejs의 반응에 따라.

사용 정상 회의 버튼을 recaptcha 사용자 Vuejs의 반응에 따라. 나의 목표는 사용자가 recaptcha에 반응하는 한 형태가 단추, 나는 이미 해결책을 순수한javascript(stackoverflow 해결책) 했을 때 recaptcha의data-callback 특성을 사용하여 VueJs 할 필요가 있어 활성화되는 오류를 나타내면 그:"ReCAPTCHAuser-provided 기능:반응 볼 수 있다고 말했다.rC()", 나는 버튼을 작동하는 대답을 할 수 없다. 내 코드-HTML I Agree Button 코드 뷰 JS var ins = new Vue({ el : '#app', data: { //checked : false, namex: 'Javier', buttonX: '' }, mounte..

sourcecode 2022.08.16

스낵바 Vuetify - 시간 초과 후 메서드 재정의

스낵바 Vuetify - 시간 초과 후 메서드 재정의 나는 당신에게 묻고 싶습니다 어떻게 내가 실행 방법을 정의할 수 있는지timeout그 후에?timeout실행하고 싶다$emit이벤트인데 어떻게 해야 할지... {{ text }} Close https://vuetifyjs.com/en/components/snackbars설명서에 따르면 해당 숙박업소에 이벤트는 없지만, 고객님의 사용 사례에 맞는 솔루션을 제공하겠습니다.timeout다음과 같이 데이터 객체에 속성을 지정합니다. data() { return { snackbar:false, timeout:6000, .... } } 이벤트 핸들러를 버튼에 이벤트핸들러를 추가합니다. Show Snackbar 메서드에서 추가showSnackbar방법 method..

sourcecode 2022.08.16

VueJS 애플리케이션을 통해 Google Analytics 4의 사용자 지정 차원을 전달하려면 어떻게 해야 합니까?

VueJS 애플리케이션을 통해 Google Analytics 4의 사용자 지정 차원을 전달하려면 어떻게 해야 합니까? VueJS SPA를 사용하고 있습니다.VueJS SPA에는 사용자 고유의 정보가 저장되어 있습니다.이 정보는 사용자가 로그인하면 GA에 커스텀디멘션으로 전송됩니다. VueGtag 플러그인을 사용하여 GA4를 SPA에 통합했습니다. Vue.use(VueGtag, { config: { id: "G-XXXXXXXXXX" // Data stream measurement ID }, }, router); 사용자 범위 지정 치수 설정: vue-gtag플러그인은 다음과 같은 커스텀 맵을 통해 커스텀 치수를 송신하는 방법을 제공합니다. this.$gtag.customMap({ 'dimension2': '..

sourcecode 2022.08.16

Vue.js - 요소 UI - POST 요청을 트리거하지 않고 업로드 구성 요소 사용

Vue.js - 요소 UI - POST 요청을 트리거하지 않고 업로드 구성 요소 사용 Element UI의 업로드 구성 요소를 사용하고 있습니다.안타깝게도 파일이 업로드되는 즉시 POST 요청이 트리거됩니다.제가 목표로 하는 것은 파일을 빈 배열에 푸시하는 것입니다.이 배열은 버튼을 누르면 나중에 게시됩니다. HTML // Element UI documentation says http-request overrides xhr behavior // so I can use my own file request. In this case, I wanted to use a method // though I'm not quite sure about this part? Add file // button that uplo..

sourcecode 2022.08.15

Vue.js 슬롯 속성 사용 방법

Vue.js 슬롯 속성 사용 방법 슬롯에 속성을 설정할 수 있으며 부모로부터 요소가 이러한 속성을 얻을 수 있습니까? 부모 new button content 드롭다운.표시하다 //fallback Default Button 버튼의 출력에는 속성이 없습니다. new button content 범위 지정 슬롯 사용 스텝 1. 부모에서 사용되지 않는 오래된 슬롯타깃 구문을 갱신합니다.slot="button"에게v-slot지시: Parent.vue ... ✅ new button ... new button ❌ Vue 2.6.0+에서 슬롯을 타깃으로 하는 방법 스텝 2. 다음으로, 에 추가하는 Atribute Binding은태그는, 거기에 배치되어 있는 모든 슬롯 컨텐츠에 사용할 수 있게 됩니다(이것을 「소품」이라고..

sourcecode 2022.08.15

개발 중 vue 웹 구성 요소에 스타일링이 적용되지 않음

개발 중 vue 웹 구성 요소에 스타일링이 적용되지 않음 Vue 웹 컴포넌트를 개발하는 동안style웹 컴포넌트에는 적용되지 않지만head를 참조해 주세요.즉, 섀도우 DOM에서는 스타일이 무시됩니다.웹 컴포넌트를 main.js로 랩하는 방법은 다음과 같습니다. import Vue from 'vue'; import wrap from '@vue/web-component-wrapper'; import MyWebComponent from './components/MyWebComponent'; const WrappedElement = wrap(Vue, MyWebComponent); window.customElements.define('my-web-component', WrappedElement); 다시 말하지만..

sourcecode 2022.08.15
반응형