goodsource

createElement 렌더 기능을 사용하여 javascript에서 vue.sync를 쓰는 방법 템플릿 파일에서 렌더 기능으로 코드를 변경합니다.다음 HTML을 사용할 수 있게 되었습니다. :open.sync="state" 그런데 이걸 자바스크립트로 어떻게 번역해야 할지 모르겠어요.함수에는 어떻게 쓰는 거죠?그 것을 기억하라. :open.sync="state" 기본적으로 에 대한 구문설탕입니다. :open="state" @update:open="state = $event" 렌더링 함수는 다음과 같습니다. createElement('child', { props: { // :open="state" "open": this.state }, on: { // @update:open="state = $event" ..

외부 URL 열기 회사의 URL을 표시해야 하는 Vuejs 어플리케이션을 개발 중입니다.아래와 같이 표시하고 있습니다. {{company.website}} 그리고.company.website가치가 있다www.companyname.com. 링크를 클릭하면 localhost URL이 다음과 같이 추가되어 열립니다. http://localhost:2000/www.companyname.com 어떻게 하면 회사 URL만 열 수 있을까요? PS: 추가는http or https를 클릭하면 문제가 해결됩니다.이 문제를 해결할 다른 방법이 있는지 알고 싶습니다.다음과 같은 URL을 사용합니다. //www.companyname.com var demo = new Vue({ el: '#demo', data: { url: "w..

vue Enter 전환이 제대로 작동하지 않음 저는 엔트리와 탈퇴 애니메이션을 사용하여 컴포넌트를 렌더링해야 하는 프로젝트를 진행하고 있습니다.컴포넌트가 화면에 들어오면 아래쪽에서 들어가야 합니다.컴포넌트 태그의 :is 속성을 변경하면 현재 컴포넌트가 위로 올라가고 다음 컴포넌트가 위로 올라갑니다.e는 밑에서부터 시작되며 코드는 다음과 같습니다. 그러나 실제 동작은 첫 번째 구성요소는 위로 올라가지만 두 번째 구성요소는 애니메이션 없이 바로 나타납니다. 한 번에 하나씩 렌더링하면(하나를 파괴하지 않고 다른 하나를 같은 동작으로 렌더링하면) 모든 것이 완벽하게 작동합니다.나는 무슨 일이 일어나고 있는지 모른다.CSS에 몇 가지 문제가 있습니다. CSS 이행 및 CSS 애니메이션 이행은 CSS Transit..

Vue JS에서 키보드 이벤트를 동적으로 할당하는 방법 키다운 이벤트를 바인드할 때alt + 1다음과 같이 주 구성 요소의 조합: 동작하지만 에서 작성한 로직(VueJ의 동적 컴포넌트에 대한 커스텀이벤트를 프로그래밍 방식으로 바인드)에 따라 동적으로 바인드하려고 하면 다음과 같이 됩니다. created() { this.$on('keydown.alt.49.prevent.exact', doSomething); }, 동작하지 않습니다.내가 뭘 잘못하고 있지?의 첫 번째 인수는 이벤트 이름이지만 템플릿에서만 유효한 이벤트 수식자와 함께 이벤트 이름을 전달했습니다. keydown // Event name .alt.49.prevent.exact // Event modifiers 이벤트 수식자를 구현하는 동등한 방법..

이러한 상대 모듈을 찾을 수 없습니다. vue cli 나의 'App.vue' 스타일은 다음과 같습니다. 실행 후 yarn dev 기본 vue-cli 웹 팩 구성에서 다음을 가져옵니다. These relative modules were not found: * ../fonts/fontawesome-webfont.eot in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"sourceMap":false}!./n..

ie9+용 vue webpack 2 자동 리픽서 웹 팩 빌드와 함께 Vuecli에서 생성된 Vue 사용.마법이 많이 일어나고 있어IE에 필요한 벤더 프리픽스를 생성하는 방법을 알 수 없습니다. 이것은 github 문제(https://github.com/vuejs-templates/webpack/issues/421#issuecomment-284322065에서 복사한 것입니다. vue-displays.conf.conf.disples var utils = require('./utils') var config = require('../config') var isProduction = process.env.NODE_ENV === 'production' module.exports = { loaders: utils...

Vuetify 콤보 상자의 @change를 통해 대상 요소를 전달합니다. 타겟 이벤트를 통과시켜야 합니다.updateTags방법.아래 콤보박스는 다음과 같습니다. 전화했을 때comboActivemethod 타겟 이벤트를 얻을 수 있습니다. KeyboardEvent {isTrusted: true, key: "y", code: "KeyY", location: 0, ctrlKey: false, …} 주의:comboActive콤보 상자의 메서드는 매개 변수를 전송하지 않습니다.comboActive(event)나는 목표 이벤트를 얻을 수 있다. 타겟 이벤트를 내부로 입수할 수 있도록 하고 싶다.updateTags방법.보다시피, 나는 그것을 사용해 보았다.$event하지만 이것은 작동하지 않는다. HTML: 스크립..

우체국에서 일했는데도 400 오류, 생각할 수 있는 이유? 저는 Deepl API를 사용하고 있으며, Postman에서 요청을 실행하면 성공하지만, 앱에서 요청을 실행하면 400 Error만 반환됩니다.이것은 헤더가 올바르게 설정되어 있지 않다는 것을 의미하지만, Postman에서는 그대로입니다.여기서 무엇이 문제인지 지적해 주실 수 있나요? async translateMessage(data = {}) { const url = "https://api.deepl.com/v2/translate?auth_key=myAuthKey"; const response = await fetch(url, { method: "POST", headers: { 'Content-Type': 'application/x-www-fo..

일부 경로에서 글로벌컴포넌트(예를 들어 navbar)를 숨기려면 어떻게 해야 합니까? 따라서 vuejs SPA 뷰의 대부분은 상단에 네비게이션 바 컴포넌트가 있습니다.단, 로그인과 같은 일부 선택 뷰에서는 이 정보가 표시되지 않습니다. 회피책으로는 필요에 따라 네비게이션 바를 Import하여 각 뷰에 개별적으로 추가하는 것이었는데, 어느 뷰에서 다른 뷰로 이동할 때 이상한 깜박임이 발생하는 것을 알 수 있었습니다.아마 네비게이션 컴포넌트를 분리한 후 바로 다시 추가할 수 있기 때문입니다.이건 잘못된 것 같아요. App.vue에서 navbar 컴포넌트를 추가할 수 있지만 vue-router를 사용하는 일부 경로에서는 조건부로 숨길 수 있습니다.어떻게 하면 좋을까요?일반적인 방법은 네스트된 루트를 사용하는 ..

VueJ 2 - $emit을 사용한 파라미터 전달 방법 VueJs 2를 사용하여 모달 컴포넌트를 만들고 있습니다.현재 기본적으로 동작하고 있습니다.버튼을 클릭하면 모달 등이 열립니다. 이제 모달의 고유한 이름을 만들고 버튼을 특정 버튼과 연관짓습니다. 이것이 내가 생각하고 있는 것이다.모달에는 고유한 이름 속성이 있습니다. CONTENT 그리고 이것이 연관 버튼입니다. showModal의 파라미터를 modal 컴포넌트에 전달하는 방법을 알아내야 합니다. 루트 vue 인스턴스에서 사용하는 메서드는 다음과 같습니다(모달 컴포넌트 내부가 아님). methods: { showModal(name) { this.bus.$emit('showModal'); }, } 컴포넌트의 이름 속성에 액세스 하고 싶은 것은 다음과..