반응형

vuejs2 143

컴포넌트로 랩된html을 캡처하여 vue.js의 데이터 값을 설정합니다.

컴포넌트로 랩된html을 캡처하여 vue.js의 데이터 값을 설정합니다. 나는 팁 기반의 컴포넌트를 만들고 있다.컴포넌트 태그 내에 있는html을 가져오고 싶다. Hey, this is some test text. I should end up in editor.content 그리고 내 컴포넌트에 대한 editor.content data를 보내달라고 해. export default { data() { return { editor: new Editor({ content: '', }), } }, } 슬롯에 대해 생각해 봤는데 html을 통과했을 뿐 캡처가 되지 않습니다.슬롯에 vdom 객체가 포함되어 있기 때문에 vue를 사용하여 html로 변환해야 합니다.다음 기능이 작동합니다. computed: { htm..

sourcecode 2022.09.03

계산된 구성 요소와 vuejs 동적 가져오기의 구성 요소를 가져올 때의 차이점은 무엇입니까?

계산된 구성 요소와 vuejs 동적 가져오기의 구성 요소를 가져올 때의 차이점은 무엇입니까? 사용자가 선택할 수 있는 페이지/컴포넌트에 4개의 컴포넌트가 있다고 가정합니다(예: Input comp | | Image Comp | | Video Comp | Vudio Comp).다음 두 가지 방법으로 천천히 로드할 수 있습니다. 1) data: () => ({compName: 'input'}), components: { input: () => import('/components/input'), video: () => import('/components/video'), audio: () => import('/components/audio'), image: () => import('/components/imag..

sourcecode 2022.08.31

vue-router의 "$router.push()"에 사용자 지정 데이터 전달

vue-router의 "$router.push()"에 사용자 지정 데이터 전달 추가 데이터 전송 방법이 있습니까?$router.push()param 또는 query로 등록되어 있지 않다.그러면 URL을 통해 전달할 방법이 없기 때문에 프로그램 탐색을 통해 액세스한 것을 다음 페이지에서 인식할 수 있습니다. this.$router.push({ path: '/next-page', params: {...}, query: {...}, moreData: {foo: 1} }) 그리고 나서/next-page: this.$route.moreData.foo // 1 현재 사용하고 있는 것은$store다루다moreData해결책을 찾았어요Vue-router 문서에는 다음과 같은 메모가 있습니다. 주의:params이 경우 무..

sourcecode 2022.08.31

Vue.js를 사용하여 클릭 시 특정 하위 요소를 업데이트하려면 어떻게 해야 합니까?

Vue.js를 사용하여 클릭 시 특정 하위 요소를 업데이트하려면 어떻게 해야 합니까? 클릭 이벤트가 첨부된 항목 목록이 있는 경우 Vue.js(2.0)를 사용하여 클릭된 하위 요소에 특정 변경 사항을 적용하려면 어떻게 해야 합니까?다음은 예를 제시하겠습니다. HTML: {{ option.text }} Javascript: new Vue({ el: '#root', data: { options: [ { text: 'First option', feedback: 'First option feedback' }, { text: 'Second option', feedback: 'Second option feedback' }, { text: 'Third option', feedback: 'Third option fee..

sourcecode 2022.08.30

Vue.js 라이브러리를 가져오는 것과 Vue-CLI를 통해 설치하는 것의 차이점은 무엇입니까?

Vue.js 라이브러리를 가져오는 것과 Vue-CLI를 통해 설치하는 것의 차이점은 무엇입니까? Vue를 사용한 1페이지 웹사이트 구축(페이지 라우팅)과 Vue를 사용한 Electron 앱의 주요 차이점은 무엇입니까? Vue.js 라이브러리 Import Vue-CLI를 통한 설치 이 설치 가이드는 그 차이를 이해하는 데 도움이 되지 않습니다. 경유로 Vue를 Import만 하면 사이트/앱의 동작이 느려집니까??그include는 다른 JavaScript 라이브러리와 마찬가지로 웹 페이지에 Vue 라이브러리를 포함하기 위한 것입니다. Vue에서 입수할 수 있습니다.window오브젝트를 지정하여 글로벌하게 액세스 할 수 있습니다.외부 JavaScript는 모두 이와 같이 포함되어야 합니다.vue-cli. vu..

sourcecode 2022.08.30

VeValidate 연결 메서드: 필드에 이름이 있는 경우 필드에 "name" 또는 "data-vv-name" 속성이 없습니다.

VeValidate 연결 메서드: 필드에 이름이 있는 경우 필드에 "name" 또는 "data-vv-name" 속성이 없습니다. 부모 컴포넌트가 개인 정보 컴포넌트를 렌더링하고 있으며 부모의 검증자 스코프를 삽입하고 있습니다.를 사용하면v-validate지시와this.$validator.validateAll()또는this.$validator.validate('field_name')이건 잘 작동한다. 단, 일부 필드를 개별적으로 검증해야 하지만this.$validator.attach('first_name', 'required')예를 들어 다음과 같은 경고를 받고 있습니다.[vee-validate] A field is missing a "name" or "data-vv-name" attribute에서 호출할..

sourcecode 2022.08.30

base64 이미지의 v-card-media

base64 이미지의 v-card-media ColdFusion에서 캡차 이미지를 생성하여 Taffy와의 REST 피드로 반송합니다.그런 다음 Vuetify에 표시됩니다. Cold Fusion / Taffy 코드 component extends="taffy.core.resource" taffy_uri="/captcha" { function get() hint="Sends one out" { var captcha = CreateUUID().right(4) & DayOfWeekAsString(DayOfWeek(now())).left(1).lcase() & "!"; // This is ColdFusion var tempFile = "ram:///#captcha#.txt"; var myImage = ImageC..

sourcecode 2022.08.29

VueJ: 어레이가 아닌 옵서버 객체

VueJ: 어레이가 아닌 옵서버 객체 Firebase를 사용하는 작은 1페이지 VueJS 앱을 가지고 있습니다.현재 제가 직면한 문제는 컴포넌트의 Firebase에서 컬렉션을 가져오려고 할 때입니다.vue 인스턴스는 어레이를 반환하는 대신 관찰자 개체를 반환한다.[__ob__: Observer]Vue JS는 이 오브젝트를 사용하여 마법을 수행한다는 것을 알고 있습니다.실제 어레이를 취득하려면 어떻게 해야 하는지 잘 모르겠습니다.나는 그 물건으로 아무것도 할 수 없고 반복할 수도 없다.모든 라이프 사이클 방법을 시도해 봤지만 잘 되지 않았다.더 이상한 것은 Chrome 콘솔(F12)을 닫았다가 다시 열면 메서드가 다시 호출되어 개체가 실제로 어레이로 해결된다는 것입니다.처음에는 아직 데이터가 검색되지 않을..

sourcecode 2022.08.29

동일한 페이지에서 서로 다른 쿼리에 vue-apollo 구성 요소 사용

동일한 페이지에서 서로 다른 쿼리에 vue-apollo 구성 요소 사용 소품 내에서 다른 GraphQL 쿼리와 변수를 수신하고 GraphQL 소스를 조회하여 자 컴포넌트에 응답을 전달하는 Apollo를 사용하여 래퍼 컴포넌트를 만들고 싶습니다.이 컴포넌트를 다른 문의가 있는 페이지에서 두 번 사용하고 싶습니다. 하지만 난 어느 시점에 갇힌 것 같아.결과적으로 컴포넌트의 양쪽 인스턴스가 동일한 입력으로 동작하게 됩니다.첫 번째 드롭다운컴포넌트의 쿼리 프로포트가 페이지의 모든 드롭다운에서 사용되고 있습니다.범위와 키워드 및 항목은 다르지만 페이지의 모든 드롭다운은 첫 번째 드롭다운 쿼리를 사용합니다. 다음은 DropdownSearch 컴포넌트입니다.검색바 컴포넌트에서 쿼리 리스트컴포넌트로 키워드를 전달합니다..

sourcecode 2022.08.29
반응형