반응형

vuejs2 87

Chartkick.js를 사용하여 축을 숨기는 방법

Chartkick.js를 사용하여 축을 숨기는 방법 Vue 차트를 그리기 위해 https://github.com/ankane/vue-chartkick을 사용하고 있는데, 문서에는 축을 숨기는 방법이 적혀 있지 않은 것 같습니다. 이 도서관에서 어떻게 하는지 아는 사람 있어요? 잘 부탁드립니다.차트 구성 요소에는 차트 옵션을 사용자 지정할 수 있는 라이브러리 속성이 있습니다.꺽은선형 차트의 x축을 숨기거나 제거하려면 다음과 같이 하십시오. ...그리고 당신의 구성 요소에는... data () { return { lineData: [ {name: 'Line A', data: {'1': 3, '2': 4, '3': 2, '4': 1}}, {name: 'Line B', data: {'1': 2, '2': 3, ..

itsource 2023.01.15

Axios를 사용하여 Vue.js에서 여러 API 호출 취소

Axios를 사용하여 Vue.js에서 여러 API 호출 취소 각각 독자적인 API 호출이 있는 여러 개의 '모듈'이 있는 대시보드를 만들고 있습니다.대부분의 엔드포인트는 재빠르지만 몇 초 정도 걸릴 수 있습니다. 날짜 범위에 대한 필터링 옵션이 있으며 변경 시마다 데이터에 대한 API 호출을 다시 실행합니다. 문제는 사용자가 다른 사용자가 로드하기 전에 날짜 범위를 빠르게 변경할 경우 API 호출을 쌓지 않았으면 한다는 것입니다. 단일 파일 vue 컴포넌트를 사용하고 있으며, 각 API 호출에 대한 메서드와 이들을 그룹화하고 호출하는 단일 메서드가 있습니다. watch: { dateFilter: function() { this.initStatModules(); } }, methods: { getCusto..

itsource 2023.01.08

검색되지 않은(약속되지 않은) 탐색 잘못된 자격 증명에서 중복된 오류 발생

검색되지 않은(약속되지 않은) 탐색 잘못된 자격 증명에서 중복된 오류 발생 내 Larabel 5.8 / "vue" : "^2.6.10" / "vuex" : "^3.1.0" 앱 리소스/js/컴포넌트/로그인.vue file 메서드가 있습니다. methods: { authenticate() { this.$store.dispatch('login'); // calling action login(this.$data.form) .then((res) => { this.$store.commit("setLoginSuccess", res); // calling mutation this.$store.dispatch('retrieveHostelBookmarks', res.user.id); this.$store.dispatch(..

itsource 2022.12.04

파이어베이스 콜백 내에서 vuejs 'this'에 액세스할 수 없는 이유는 무엇입니까?

파이어베이스 콜백 내에서 vuejs 'this'에 액세스할 수 없는 이유는 무엇입니까? 이 질문에는 이미 답변이 있습니다. 콜백 내에서 올바른 'this'에 액세스하는 방법 (13개의 답변) 닫힘4년 전에요. 파이어베이스를 사용하여 vuejs 어플리케이션에 인증을 추가하려고 합니다.사용자를 로그아웃하면 사용자는 로그인 페이지로 돌아갑니다.HelloWorld.vue 파일의 스크립트에 다음 코드를 구현했습니다. import firebase from 'firebase' export default { name: 'HelloWorld', data () { return { msg: 'Welcome to Your Vue.js App' } }, methods: { logout () { firebase.auth().si..

itsource 2022.11.24

Vue: 계산된 속성이 하위 구성 요소로 전달되지 않음(콘솔은 "빈 문자열"을 기록함)

Vue: 계산된 속성이 하위 구성 요소로 전달되지 않음(콘솔은 "빈 문자열"을 기록함) 사용자 입력을 바탕으로 간단한 계산을 하기 위해 대시보드를 만들고 있습니다.구글에 여러 번 도움을 요청했지만 성공하지 못한 후, 제 희망은 당신이 저를 올바른 방향으로 인도해 주셨으면 하는 것입니다. 제 프로젝트가app.js파일에는 300줄의 코드가 포함되어 있습니다.여기서 모든 것을 복사/붙여넣는 대신 문제를 설명하고 Codepen 바이올린을 제공합니다. Codepen 링크: https://codepen.io/bauhausweb/project/editor/ZqnkEO # JS와 Vue는 모두 처음입니다. ES16, CLI 등이 아닌 온더플라이 코드 에디터(Codepen)를 사용하고 있습니다.구문은 이해하기 어렵기 때..

itsource 2022.10.26

라우터 파라미터에 기반한 Vue http를 사용한 데이터 가져오기

라우터 파라미터에 기반한 Vue http를 사용한 데이터 가져오기 이에 대한 해답을 찾고 vue 라우터 매뉴얼에 기재되어 있는 예에 따라 조사했지만 아직 문제가 발생하고 있습니다.컴포넌트의 초기 로드 시에 http 콜을 실행하고 라우터의 파라미터를 감시하여 vue-resource로부터의 get 콜을 갱신하려고 합니다. 내 vue 구성 요소 js는 다음과 같습니다. export default { name: 'city', components: { Entry }, data () { return { city: null } }, mounted() { this.fetchData(); }, watch: { '$route': 'fetchData' }, methods: { fetchData() { const cityNa..

itsource 2022.09.30

VueJS 라우터 - 서브루트와 Vuetify를 사용할 때 여러 활성화루트를 정지하려면 어떻게 해야 하나요?

VueJS 라우터 - 서브루트와 Vuetify를 사용할 때 여러 활성화루트를 정지하려면 어떻게 해야 하나요? 디폴트 '홈'을 정지하는 데 어려움을 겪고 있습니다.Vuetify에서 vue 경로가 활성화되지 않음(업로드 클릭 시 또는 기본 홈 설정 시)vue가 아직 활성화되어 있습니다.여기를 참조해 주세요. 그게 /webapp의 서브루트인 것과 관련이 있을 것 같은데, 나는 벽에 머리를 부딪치고 있어. 제 경로에서 중요한 부분은 다음과 같습니다. { path: '/webapp', name: 'webapp', component: () => import('./views/Webapp.vue'), children: [ { path: '', component: () => import('./components/Home..

itsource 2022.09.30

bootstrap-vue 모달 본문과 바닥글에 콘텐츠를 프로그래밍 방식으로 주입하려면 어떻게 해야 합니까?

bootstrap-vue 모달 본문과 바닥글에 콘텐츠를 프로그래밍 방식으로 주입하려면 어떻게 해야 합니까? 부트스트랩 vue 모드 컴포넌트를 사용하여 vuejs 앱에서 다음 기능을 구현합니다. 사용자가 페이지 UI의 [Delete]버튼을 클릭하면 다음과 같이 됩니다. "고객을 삭제하시겠습니까: customer_name_here"라는 동적 콘텐츠가 포함된 모달입니다. 사용자가 '취소' 버튼을 클릭하는 경우:모달은 사라진다. 사용자가 '확인' 버튼을 클릭하는 경우: 모달 본문의 내용을 다음과 같이 변경합니다.고객 'customer_name_here'를 삭제하면 Cancel 버튼과 OK 버튼이 비활성화되고 API가 호출되어 고객을 삭제합니다. API에서 응답이 정상적으로 수신된 경우: 모달 본문의 내용이 다음..

itsource 2022.09.29

Vue 바인딩 상위 및 하위 구성 요소

Vue 바인딩 상위 및 하위 구성 요소 Vue.js에서 부모 모델을 자녀에게 바인드하는 방법 다음 코드는 정상적으로 동작합니다.입력 내용을 수동으로 입력하면 자녀 모델이 부모 모델로 값을 반환합니다. 그러나 문제는 상위 AJAX 요청의 데이터 세트가 자동으로 채워지지 않는다는 것입니다. 누가 나 좀 도와줄래? 폼.vue 폼 입력표시하다 컴포넌트를 활용하면 일이 더 간단해집니다. 를 붙이면v-model컴포넌트에서는 컴포넌트는 다음 이름의 프로펠러를 사용해야 합니다.value, 및 방출해야 합니다.input이벤트 갱신을 트리거합니다. 나는 그것을 만드는 것을 좋아한다.computed사건 발생을 감추고, 제가 그냥 할 수 있게 해주십시오.v-model그computed내 컴포넌트 안에. new Vue({ el:..

itsource 2022.09.26

v-for 루프에서 클릭한 항목에 대해서만 요소 가시성을 트리거하는 방법

v-for 루프에서 클릭한 항목에 대해서만 요소 가시성을 트리거하는 방법 각 요소 내부의 각 버튼이 클릭된 항목의 숨겨진 메뉴만 트리거하도록 하려면 어떻게 해야 합니까? Menu hidden menu ... data () { return { clicked: false } } 코드: https://codepen.io/anon/pen/wmjKXB?editors=1010 어떻게 하면 좋을까요?답을 찾고 있었는데 아무것도 못 찾았어요.객체 배열을 사용하고 버튼에 대응하는 배열 인덱스를 사용하여 각 객체를 전환합니다. new Vue({ el: '#app', data () { return { clicked:[{ show:true}, { show:true}, { show:true}] } } }) 여기 간단한 예가 있..

itsource 2022.09.21
반응형