factcode

Axios ajax, Ajax 요청 시 로드 표시 현재 vue 앱과 acios를 사용하여 Im을 만들고 있습니다.로딩 아이콘은 전화를 걸기 전에 표시하고 그 후에 숨깁니다. 모든 콜에 show/hide loading 아이콘을 쓰지 않아도 되는 글로벌한 방법이 있는지 궁금합니다. 지금 가지고 있는 코드는 다음과 같습니다. context.dispatch('loading', true, {root: true}); axios.post(url,data).then((response) => { // some code context.dispatch('loading', false, {root: true}); }).catch(function (error) { // some code context.dispatch('loadi..

Vue.js는 이름에 점이 있는 DOM 커스텀이벤트에 바인드(부트스트랩이벤트 등) Vue 2.1.10 사용 DOM 이벤트에 바인드 할 수 있습니다.v-on지시.예를 들어 다음과 같습니다. v-on:click DOM 에 바인드 하려면 , 을 클릭합니다.하지만 이름에 점이 있는 이벤트에 어떻게 묶어야 할지 모르겠어요.예를 들어 부트스트랩의 "show.bs.modal"과 같이 입력합니다. 현시점에서 회피책 바인딩을 사용하고 있습니다.created일반 DOM 메서드를 사용하는 후크입니다만, 선언형 구문을 사용하고 싶습니다.어떻게 하면 좋을까요?고마워요. 편집: 질문은 허용되는 구문에 관한 것입니다.어떻게 하면 다음과 같은 작업을 수행할 수 있을까요? Vue.component('comp',{ template:'

VueJ에서 요소 높이 보기s VueJS에서 요소 높이에 워처를 설정하는 방법이 있습니까? 검색 결과 페이지에서 필터 부분을 수정하려고 합니다.그러나 결과가 바뀌면 필터를 찾아서 해제할 방법이 없습니다.RizeObserver를 사용하여 Vue-Component에 통합할 수 있습니다. function observeHeight() { const resizeObserver = new ResizeObserver(function() { console.log("Size changed"); }); resizeObserver.observe(document.getElementById('yourId')); } function changeHeight() { var elem = document.getElementById('y..

제출할 때만 텍스트 필드 확인 온도.vue Save 여기서 발생하는 작업은 텍스트 필드에 입력하는 동안 규칙이 실행됩니다.제출 시에만 규칙을 실행하고 싶습니다.텍스트 필드에서 어떻게 합니까? Vuetifyrules입력이 값을 얻었을 때 실행됩니다.단, 이 값을 제출하는 폼에서만 실행되도록 하려면 해당 입력에 바인딩되어 있는 규칙을 수정해야 합니다. 처음에 규칙은 빈 배열이어야 합니다.버튼을 클릭하면 필요에 따라 규칙을 동적으로 추가하거나 삭제할 수 있습니다(코드 페이지 참조). 코드 Submit new Vue({ el: '#app', vuetify: new Vuetify(), data: () => ({ valid: false, firstname: '', user: { number: '' }, number..

nuxtj에 스크립트 태그를 쉽게 추가 기본적으로 스크립트를 index.html의 선두에 추가해야 합니다. 그래서 제가 노력한 건... nuxt.config.display에 추가되어 있습니다. head: { script: [ { type: 'text/javascript', src: 'https://a.optmnstr.com/app/js/api.min.js', data-account: 'XXXXX', data-user: 'XXXXX', async: true } ] } 이제 확실히 이것은 효과가 없다.data-account그리고.data-user유효하지 않습니다.어떻게 하면 좋을까요? 어떤 도움이라도 주시면 감사하겠습니다! 고마워요.이는 @Andrew1325로 지적되었습니다. nuxt.js에서는 다음 명령어..

컴포넌트 슬롯 내에서 계산된 속성을 사용할 수 있습니까? 최근에 컴포넌트 슬롯 내에서 계산 속성이나 데이터 속성을 사용할 수 없다는 것을 알게 되었습니다.컴포넌트에 computed가 정의되어 있는데 컴포넌트의 슬롯에서 사용할 수 없습니다.그것을 작동시킬 수 있는 방법이 있나요? 코드 예: Vue.component('test-component', { template: '', computed: { my_computed: function(){ return 2+3; // not defined in slot } } }) 라이브 예시를 참조해 주세요.https://jsfiddle.net/gu9jh4n0/1/그러기 위해서는 범위 지정 슬롯을 사용할 수 있습니다. 이 예에서 컴포넌트는 다음과 같습니다. Vue.comp..

Vue JS의 v-for 루프 내에서 변수 설정 SPA에 vue.js를 사용하는 v-for 루프가 있는데 변수를 인쇄할 때마다 메서드를 호출하고 있기 때문에 처음에 변수를 설정한 후 필요할 때마다 인쇄할 수 있는지 궁금합니다. 이것은 JSON 데이터입니다. { "likes": ["famiglia", "ridere", "caffè", "cioccolato", "tres leches", "ballare", "cinema"], "dislikes":["tristezze", "abuso su animali", "ingiustizie", "bugie"] } 그런 다음 루프에서 사용합니다. // NOTE: I need to use the variable like this in different places, and ..

구성 요소를 초기화해야 하는 창/문서 이벤트를 선택하십시오. 작은 예시 컴포넌트(다음 예 모두) Test Vue 컴포넌트를 로드해야 하는 메인 페이지의 DOM 요소 마크업: 예 1: 창/문서 이벤트를 고려하지 않고 main.js에서 컴포넌트를 인스턴스화합니다. import Vue from "vue"; import TestComponent from "./TestComponent"; const test = new Vue({ el: '#test', components: { 'test-component': TestComponent } }); 콘솔 출력: 로드 후: "초기화된 vue 컴포넌트" / 클릭 시: 아무것도 없음 예 2: Wait for window loaded: window.addEventListene..

HTML 내의 Vue 컴포넌트를 다른 Vue 컴포넌트에 추가하려면 어떻게 해야 합니까? 거대한 동적 HTML 문자열을 로드하고 있습니다.divVue 컴포넌트 내에 있습니다.HTML 문자열은 기본적으로 WYSIWYG 에디터의 콘텐츠입니다.원래는 그냥...v-html그래도 괜찮았어요 그러나 현재 HTML 문자열의 일부를 실제 Vue 컴포넌트로 교체해야 하는 경우가 있는데, 이를 위한 최선의 방법을 잘 모르겠습니다. 예를 들어 HTML 문자열에 다음과 같은 마크업이 있을 수 있습니다. ||map:23|| 이 컴포넌트를 다음과 같은 Vue 컴포넌트로 교체합니다. 라라벨에서 미리 스트링 변환을 시도했고v-htmlVue 컴포넌트에서 콘텐츠를 주입하지만 Vue 컴포넌트가 로드되지 않는 것 같습니다. 그 후 HTML ..

Nuxt 모듈을 Storybook으로 가져옵니다. 저는 Nuxt 프로젝트에서 우리의 컴포넌트로 스토리북을 만들려고 합니다.지금까지 컴포넌트를 확인했습니다만, 모두 1개 이상의 모듈을 사용하고 있기 때문에 Import 방법을 찾을 수 없습니다.내 몸부림엔 혼자가 아닌 것 같아 (https://forum.vuejs.org/t/nuxt-js-and-storybook/26239, https://github.com/derekshull/nuxt-starter-kit-v2/issues/1), 누군가 해결책을 찾았으면 좋겠어요 .storybook/webpack.config.disc: const path = require("@storybook\vue\dist\server\config\defaults\webpack.con..