cyworld

vuejs 구성 요소에서 생성된 후크에서 메서드 호출 다음 (부분) 코드를 가진 구성 요소가 있다. export default { methods: { mymethod: (x) => {alert(x)}, }, created: () => { this.mymethod('success'); }, 그리고 나는 다음 오류를 받고 있다. vue.esm.js?efeb:578 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'mymethod' of undefined" 구성 요소의 vue 인스턴스에 대해 "이것"이 평가되지 않는 것처럼 보일 수 있다.그리고 아이디어는 이것을 어떻게 할 수 있을까?Vue 메서드, 수명 주기 메서드, 계산된 속성 등을 ..

클립보드에 복사할 자식 구성 요소의 텍스트 영역 대상 지정 나는 텍스트 영역을 대상으로 하고 내용을 클립보드에 복사하는 작업 기능이 있다.그것은 텍스트 영역을 직접 대상으로 할 때 매우 효과적이다. 나는 어린이 구성 요소 내의 텍스트 영역을 대상으로 하는 동일한 기능이 필요하다.각 구성 요소 내에서 그 특정 영역을 어떻게 공략해야 할지 알 수 없다. 작업 예제: Product Title: Copy Title To Clipboard 복사 함수: copyTextArea(e) { var targetElement = e.target; var copiedTarget = targetElement.dataset.copytarget; var element = document.querySelector(copiedTarg..

동적 위치에 Vue 구성 요소를 삽입하는 방법 한 페이지에 여러 줄과 여러 열의 패널(제품)이 많이 보인다.나는 Vue 2를 사용하고 있고 패널은 부품이다.이제 패널을 클릭하면 해당 패널의 행 아래에 있는 패널에 대한 세부 정보를 표시하십시오.이것은 구글 이미지 검색과 비슷하다. 예를 들어 위의 이미지에서 s1, s2 또는 s3 중 하나를 클릭하면 s3(이 행의 마지막 요소) 다음에 큰 패널이 나타난다.마찬가지로 s4 또는 s5를 클릭할 경우 s5 다음에 큰 패널이 나타난다. ** 연속되는 항목 수는 화면 크기에 따라 달라진다. 행의 마지막 요소를 찾고 해당 요소 뒤에 구성 요소를 삽입하는 방법이것은 당신의 질문에 직접적으로 대답하지 않지만, 기대되는 행동을 실행해야 한다.여기 jsfiddle이 있다. ..

'vuefire'에서 내보내기 'default'('VueFire'로 가져오기)를 찾을 수 없음 Vue와 함께 Firebase를 사용하는 방법에 대한 모든 튜토리얼에는 main.js 파일에 Vue.use(VueFire)를 추가해야 한다고 나와 있다.그런데 방금 이 메시지 내보내기 'default'('VueFire'로 가져오기됨)가 'vuefire'에서 발견되지 않았음을 받았다. vuefire에서 vuefire로 수입하려고 했는데 더 이상 오류 메시지가 안 나왔지만 플러그인은 사용하지 않는 것 같아. 이것은 main.js 파일이다. import Vue from 'vue' import App from './App.vue' import router from './router' import VueFire from..

Vue: Vue 인스턴스에서 구성 요소 데이터 업데이트 내 Vue 인스턴스에서 구성 요소의 데이터를 업데이트하고 싶다.그 반대인 방법을 많이 찾았지만 아무것도 없었다. 내가 가지고 있다고 말해라: Vue.component('component', { props: { prop: { default: null } }, template: '#template', data: function () { return { open: false }; } }); 이제 나는 설정하기를 원한다.open로true내 Vue 예에서: var root = new Vue({ el: '#root', data: {}, methods: { updateComponentData: function() {//set open to true} } }); ..

탭 제목 옆에 아이콘을 배치하는 방법(부트스트랩-vue) vue-bootstrap으로 탭 제목 옆에 아이콘을 배치할 수 있는 방법이 있는지 알고 싶다.그는 그것에 대한 어떤 문서도 찾을 수 없는 것 같다. 나는 사용하려고 노력했다.headHtml탭 제목을 클릭에 반응하도록 만들지는 않지만 미리 고맙다이건 부에 부트스트랩의 슬롯 fucntionality를 사용하는 나에게 효과가 있어. Overall 545 I'm the Overall tab 제목 소품에는 html 문자열을 바로 넣을 수 있다.여기에서 https://github.com/bootstrap-vue/bootstrap-vue/issues/979을 읽어 보십시오.Vue-bootstrap은 타이틀을 위한 슬롯 fucntionality를 제공한다. I'..

Vue Js에서 문자열 변수 스키마로 입력 이름 필드를 만드는 방법? 나는 VueJs를 사용해 숨겨진 필드를 생성하기 위해 javascript 변수를 추출해야 해. 하지만 나는 변수의 지수를 기준으로 이름을 정해야 해. 나는 지그재그 명명 스키마를 사용하고 싶다. 맘에 들다 Javascript 변수: var test_template = { 0: { nb: 2 }, 1: { nb: 1 }, 2: { nb: 4 } }; 숨겨진 필드를 생성하기 위해 변수를 사용하여 사전 처리: 여기서 :name은 vuejs 값 액세스에 대한 동적 인스턴스 입니다.인덱스는 vuejs 변수지만 "vue"는 vuejs 변수가 아니라 실제로 문자열이다. 그러나 나는 입력의 배열을 생성하기 위해 이 스키마가 필요하다. 이것이 가능한가..

강력한 비동기 검증자 - 어떻게 철회할 것인가? 그래서 내 이메일/사용자 양식 요소에 비동기 검증기에 문제가 있어.편지 한 통을 입력할 때마다 유효성 확인을 한다.이메일이 30초면 30통 이상 걸려!누가 빌어먹을 사용자 정의 검증자를 버리기 위한 가장 좋은 방법을 아는 사람?내가 디바운스를 사용하려고 할 때, 나는 그것이 반응을 기대하기 때문에 겁쟁이로부터 온갖 종류의 오류를 얻는다. Email address We'll never share your email with anyone. Email address is required. This is not a valid email address. This email already has an account. 내가 비동기 기능을 디바운드로 포장하려고 하면, v..

Vue.js에서 가치를 비반복적으로 만드는 방법은? 내 Vue.js 앱에는 사용자가 특정 "새로 고침" 작업을 완료할 때만 업데이트해야 하는 어레이 값이 있다.그러나, 내가 그 어레이 값에 새로운 값을 할당하는 즉시 어레이 값은 반응하게 되고 할당된 값의 데이터가 변경됨에 따라 즉시 변경된다.어레이 값은 비활성 상태로 유지되어야 한다. 예를 들어, 나한테 방법이 있어refresh()트리거된 경우 업데이트 의미displayedData, 반응하지 않아야 하는 ,currentData반응해야 하는 것. displayedData새로 고침이 호출될 때만 업데이트해야 함. methods: { refresh: function() { this.displayedData = this.currentData; } } 정적 값을..

Vue 조건부 v-on 이벤트 차단 한정자 v-on의 사용 방법.prevent내가 그것을 역동적으로 사용할 때 수식어? URL이 첨부되는 것을 중지하려고 함/# 노력했다 v-on.prevent v-on:prevent v-on="overlayClickClosesModal ? { 'click.prevent':이 논리를 하나의 방법으로 옮기면 훨씬 더 명확해진다. 그런 다음 스크립트 부분을 확인하십시오. clickMethod (event) { if (this.overlayClickClosesModal) { event.preventDefault(); } } 왜 링크에 닻을 올리는 거야?그것은 필요하지 않고 당신은 그 일을 아낄 수 있다. Vue: https://github.com/vuejs/vue/issues/..