goodsource

$router로 데이터를 전달하려면 어떻게 해야 합니까?Vue.js를 밀어넣을까요? Vue.js를 사용하여 CRUD 앱용 경고 컴포넌트를 만듭니다.데이터가 저장되면 다른 컴포넌트에 메시지를 전달하고 싶습니다.현재 이 데이터를 전달하려고 합니다.$router.push이것처럼.this.$router.push({path: '/', query: {alert: 'Customer Added'}})그런 다음 다른 구성 요소에서 이 데이터에 액세스합니다.그러나 이것은 예상대로 작동하지 않고 데이터가 URL로 전달됩니다. 이것은 데이터를 저장하는 컴포넌트 Add.vue입니다. Add Customer Customer Info First Name Last Name Customer Contact Email Phone Cust..

Vuetify 자동 완성 첫 번째 결과만 표시됨 검색 방법을 트리거하여 항목 목록을 업데이트할 때 예를 들어 3개의 결과를 로드하면 자동 완성에서는 첫 번째 결과만 표시됩니다. 아이템 리스트가 100보다 큰 경우(이상 또는 그 이하)에는 2개 이상의 결과만 표시됩니다. 언급URL : https://stackoverflow.com/questions/57170328/vuetify-autocomplete-only-show-first-result

Vue.js 2 - 폼을 작은 컴포넌트로 분할하는 것은 나쁜 방법입니까? 나는 약 20개의 필드가 있는 큰 폼을 가지고 있다.최소 코드량을 달성하기 위해 입력과 선택을 위한 독립된 컴포넌트를 작성했다.그러면 필드 배열이 전달된다.v-for폼을 만듭니다. 그러나 곧 저는 양식 일련화와 링크된 선택(예를 들어, 선택한 주에 따라 다른 선택)을 처리하는 것이 매우 복잡하다는 것을 알게 되었습니다. 단, 하나의 컴포넌트에 폼을 작성하면 div, class 등이 반복됩니다. 그럼 어떤 방법이 더 나을까요?Bootstrap-vue의 공식 문서와 코드를 읽고 참조한 결과, 독립적이고 재사용 가능한 컴포넌트가 필요하다는 것을 알게 되었습니다. 폼 시리얼화 및 링크된 선택 문제를 해결하려면 공식 문서 폼 입력 컴포넌트에..

계산된 속성을 사용하여 구성 요소의 일부를 표시하거나 숨깁니다. 드롭다운 목록의 값을 기준으로 구성 요소의 일부를 표시하거나 숨기려고 합니다.폼의 이 부분을 이동하기 전에 계산된 속성을 사용하면 문제가 없습니다.하지만...내 컴포넌트에서 양방향 바인딩을 사용하고 있는데 사용 중인 속성의 계산된 값이 너무 늦게 업데이트되는 것 같습니다.다음은 구성 요소 js입니다. Vue.component('system', { template: '#system', props: ['name', 'count'], computed: { issummit: function() { return this.name === '5a37fda9f13db4987411afd8'; } // audiovideo: function() { // ret..

기본 인증을 사용하는 Vue 리소스 저는 Vue 2.0에서 기본 인증으로 API에 연결하는 Vue Resource를 사용하여 메서드를 작성했습니다. getCountries: function() { options = { headers: { 'type' : 'GET', 'Authorization' : 'Basic c3VyZWJ1ZGR5LWFwaS11c2VyOkFwaTQzMjJTdXJlYg==', 'Access-Control-Allow-Headers': 'Content-Type', 'Access-Control-Allow-Methods': 'GET', 'Access-Control-Allow-Origin' : '*', 'dataType' : "json" } } this.$http.get('http://surebu..

VueJs에서의 Larabel 게이트/허가 사용 이전에 이 문제를 어떻게 해결했는지 잘 모르겠습니다만, VueJs를 사용하고 Vue 템플릿에서 작업을 승인하려면 어떻게 해야 합니다. (라라벨 사용).@can지침) 하지만 Google에서 몇 시간 동안 검색한 후 Vue에서 이 작업을 수행할 문서나 방법이 없습니다. 뷰내의 어레이/JSON 오브젝트에 유저 권한을 간단하게 로드할 수 있습니다만, Laravel의 게이트 메서드를 사용해 Vue 템플릿의 액션을 표시하거나 숨길 수 있는 방법은 없는 것 같습니다. 예를 들어, 댓글 목록이 있지만 '편집' 버튼을 보려면 사용자가 댓글을 소유해야 합니다. Vue에서 로직을 구현하면 백엔드와 프런트엔드에 걸쳐 인증 로직을 복제하게 됩니다. Laravel의 정책을 사용하여..

Vuejs - 입력 시 기능 실행(지연 있음) 입력 필드가 있고v-on:input이 방법은 다음과 같은 방법으로 실행됩니다.activate다음과 같이 표시됩니다. export default: { data() { return { isHidden: true } }, methods: { activate() { this.isHidden = false; } } } isHidden일부 아이콘을 켜거나 끕니다(이 데이터 속성이 무엇인지는 중요하지 않습니다. 예를 들어 용도로 사용하고 있을 뿐입니다). 따라서 현재 사용자가 이 작업을 수행할 때input즉시 켜집니다.activate기능.아마도, 그것을 연기할 방법은 없을까?setTimeout? 다음 작업을 시도했지만 작동하지 않습니다. methods: { setTime..

Vue.js 슬롯을 프로그래밍 방식으로 작성하는 방법 슬롯이 있는 컴포넌트는 다음과 같습니다. {{ someProp }} 어떤 이유로 이 구성 요소를 수동으로 인스턴스화해야 합니다.저는 이렇게 하고 있습니다. const Constr = Vue.extend(MyComponent); const instance = new Constr({ propsData: { someProp: 'My Heading' } }).$mount(body); 문제는 슬롯 콘텐츠를 프로그래밍 방식으로 작성할 수 없다는 것입니다.지금까지 간단한 문자열 기반 슬롯을 만들 수 있습니다. const Constr = Vue.extend(MyComponent); const instance = new Constr({ propsData: { some..

제공/주입된 VUE 컴포넌트를 유닛 테스트하는 방법 유닛 테스트를 작성 중인데 컴포넌트에 문제가 생겼습니다.inject소유물. 사용하고 있다shallowMount이것에 대해 조사를 좀 해봤습니다.그리고 가짜 데이터를 만들 수 있는 방법이 있습니다.provide https://vue-test-utils.vuejs.org/api/options.html#provide 를 참조해 주세요.하지만, 저는 어떤 정보도 힌트도 보지 못했습니다.inject. 그래서 유닛 테스트 방법에 대한 조언이 필요합니다.injectVuejs에서요?제공 속성에서 설정한 내용은 마운트된 구성 요소에 주입하는 데 사용되는 것입니다. 내 유닛 테스트에서 나는 metadataModule = sandbox.createStubInstance(M..

VueJS 커스텀 디렉티브 + import 이벤트 할 필요가 있다$emit커스텀 디렉티브로부터의 이벤트가능합니까? directive.directive: vnode.context.$emit("myEvent") // nothing append vnode.child.$emit("myEvent") // error vnode.parent.$emit("myEvent") // error 요소.vue: 그게 가능한지, 무슨 속임수가 있는지 아세요? 고마워요.A 이 아니다VueComponent그 말은 즉, 이 시스템에는$emit방법. 따라서 Vue 커스텀 디렉티브에서 이벤트를 내보내려면 먼저 몇 가지 검사를 수행해야 합니다. Vue 커스텀컴포넌트에서 디렉티브가 사용된 경우 해당 컴포넌트의 인스턴스를 호출합니다. 디렉티브..