javaba

타이핑이 있는 타입 스크립트프로젝트에서 Javascript 플러그인을 Vue.use()하는 방법 사용하려고 합니다.Semantic-UI-Vue제 vue 프로젝트에서요.하지만, 제가 시도했을 때 다음과 같은 오류가 발생합니다.Vue.use(SuiVue): 'type of import("semantic-ui-vue")" 유형의 인수는 'PluginObject | PluginFunction ' 유형의 매개 변수에 할당할 수 없습니다.\n 'type of import("semantic-ui-vue")" 유형은 'Plugin Function' 유형에 할당할 수 없습니다.\n 'type of import("semantic-ui-vue")"를 입력하면 시그니처 '(Vue:Vue Constructor, o..

Vuetify를 통한 국제화 저는 다국어 앱을 만들려고 합니다. 서류에 나와 있는 대로 했는데 작동이 안 돼요. 이건 내 암호야 window.Vue = require('vue'); import Vuetify from './Vuetify/vuetify'; import en from './Vuetify/Lang/en/en.ts'; import es from './Vuetify/Lang/es/es.ts'; Vue.use(Vuetify, { lang: { locales: { es, en, }, current: 'es' } }) const app = new Vue({ el: '#app', components: { "vue-landing": require('./components/ExampleComponent.vu..

VueJ에서 컴포넌트를 정기적으로 업데이트하려면 어떻게 해야 합니까?s Vue에는 다음과 같은 구성 요소가 있습니다. Featured Movie {{ item.title }} 나는 그 구성 요소를 렌더링하는 가게 암탉에서 무작위로 3개의 아이템을 선택하고, 반복하여 표시합니다.그러나 이것은 너무 정적인 것 같기 때문에 정기적으로 컴포넌트를 업데이트하여 아이템을 랜덤화 하고 싶습니다. Vue2는 처음인데, 어떤 사소한 부분을 놓쳤는지 알고 계십니까?사용 사례가 완전히 명확하지는 않지만 간격을 두고 랜덤화하려는 경우입니다.계산을 메서드로 변경하고 이 함수를 호출할 수 있습니다.setInterval. 아래 데모나 이 바이올린이 작동해야 합니다. (데모에서는 이미지의 로딩이 느리다는 것을 배제하고 복잡함을 조금..

Vue2 - Vanilla ONKEYPRESS 함수를 메서드로 변환 에 입력되는 문자 수를 제한하려고 합니다.content editablediv를 클릭합니다. 이렇게 하면 올바르게 동작합니다. 단, Vue 방식(단일 파일 구성 요소)으로 실행해야 합니다.다음 작업을 수행하려고 하지만 작동하지 않습니다. // data props: { limitText: { type: Boolean, default: false }, limitLength: { type: Number, default: 140 } } limitTextChar(event) { return this.limitText && event.target.innerText.length >= this.limitLength ? false : true } 내가 어..

VueJS 줄바꿈 문자가 올바르게 렌더링되지 않음 다음과 같은 문제가 발생했는데, 새로운 행 문자가 포함된 API에서 데이터 문자열을 읽었습니다.\n템플릿에 올바르게 표시하고 싶습니다. 하지만 제가 이런 걸 하면: {{ mytext }} 텍스트는 다음과 같이 표시됩니다.\n일반 텍스트와 같은 문자입니다. 응답 텍스트 문자열의 형식은 다음과 같습니다."Hello, \n what's up? \n My name is Joe". 내가 여기서 뭘 잘못하고 있는 거지?단순히 CSS를 사용하여 적용할 수 있는 Vue 문제도 아닙니다.white-space: pre;충분히.이 경우 추가 패키지는 필요하지 않습니다. new Vue({ el: '#app', data: { text: 'Hello Vue.\nThis is a ..

다른 구성 요소의 하위 구성 요소로 Vue 구성 요소 기존 테마를 재사용 가능한 컴포넌트로 변환하는 작업을 하고 있습니다. 현재 다음과 같은 버튼 컴포넌트가 있습니다. 그리고 HTML에서는 다음과 같이 사용합니다. Button 1 이제 기존의 버튼 컴포넌트를 사용하여 "버튼 그룹"을 생성하려고 합니다. 제가 할 수 있는 일은 다음과 같습니다. Button 1 Button 2 Button 3 Button 4 저는 VueJs에 매우 익숙하지 않기 때문에 어떻게 대처해야 할지 조금 혼란스럽습니다.필요한 만큼 버튼 컴포넌트를 그룹에 전달할 수 있으면 좋겠습니다. 버튼 그룹에 대한 지금까지의 정보는 다음과 같습니다. 물론 버튼 하나로도 동작합니다만, 각각의 버튼을 리스트 항목내에 넣으면서, 그 이상을 허용할 수 ..

각각에 대해 내부에서 vue 데이터 개체에 액세스합니다. 데이터에 다음 변수가 있습니다. data: function () { return { myVariable: false, } } 다음과 같이 루프 기능을 사용하여 이 변수에 액세스하려면 어떻게 해야 합니까? anArray.forEach(function(item) { this.myVariable = true; // do something }); 'this'는 vuejs 객체가 아닌 현재 루프 함수로 정의되지 않았습니다.화살표 기능을 사용하여 각 루프 내에서 새로운 스코프를 만들지 않고thisVue 컴포넌트의 참조. anArray.forEach((item) => { this.myVariable = true; // do something }); 바인딩할 수..

Vue.js를 사용하여 프로펠을 변경한 후 편집 가능한 div의 캐럿 위치 Vue.js를 사용하고 있으며 다음 코드를 가지고 있습니다.div를 입력하면 this.content가 갱신되면 캐럿은 항상 선두로 리셋됩니다. 캐럿 위치를 유지하고 내용을 업데이트하려면 어떻게 해야 합니까? 다른 비슷한 게시물을 본 적이 있지만, Vue.js용 솔루션이 아니거나, 내 경우 작동하지 않거나, 제대로 적용하지 못했을 수 있습니다.몇 가지 시나리오를 테스트했습니다만, 실제로 필요한 것은, 이 투고에 기재되어 있는 「Create a reusable editable component」라고 하는 것입니다. 단, 모든 컴포넌트를 하나의 컴포넌트에 포함시키려면 크롬에서 다음 코드를 사용할 수 있습니다. Chrome의 Vue 플러..