반응형

vuejs2 77

vuejs의 특정 어레이 요소에 v-model을 바인딩하려면 어떻게 해야 합니까?

vuejs의 특정 어레이 요소에 v-model을 바인딩하려면 어떻게 해야 합니까? v-model을 다음과 같이 특정 어레이 요소에 바인딩하려고 합니다. 고마워요.네, 그렇습니다. var vm = new Vue({ el: '#vue-instance', data: { items: ["Item1", "Item2"] } }); {{item}} 언급URL : https://stackoverflow.com/questions/42454167/how-to-bind-v-model-to-a-specific-array-element-in-vuejs

source 2022.07.23

Vue 명명된 슬롯이 래핑되면 작동하지 않음

Vue 명명된 슬롯이 래핑되면 작동하지 않음 템플릿 마크업에서 이름 있는 슬롯을 사용하고 싶은 응답 메뉴 컴포넌트가 있습니다. 이렇게 지정된 슬롯을 시도하면 완벽하게 작동합니다. Responsive menu header 하지만 수업으로 끝내자마자 아무것도 표시되지 않습니다. Responsive menu header 이게 무슨 일이야?지정된 부품만 포장하면 되는 거 아닌가요?지정된 슬롯이 Vue 컴포넌트의 직계 자녀여야 한다고 생각되는 슬롯은 무엇입니까?"랩된 슬롯"이 응답 메뉴 태그의 직계가 아니기 때문에 작동하지 않습니다. 그런 식으로 해 보세요. Responsive menu header jsfiddleVue > = 2.6에서 작동합니다.vue 및 vue-template-compiler를 업그레이드하기..

source 2022.07.23

여러 정적 속성을 Vue.js로 끌어오기

여러 정적 속성을 Vue.js로 끌어오기 저는 Vue.js를 처음 접하기 때문에 기존 프로젝트에 Vue.js를 하나씩 추가하는 작업을 진행하고 있습니다.Vue에서 제품 슬라이더를 다시 쓰는 중입니다.현재 jquery slick 슬라이더를 사용하고 있습니다.따라서 html의 현재/구 코드에서는 이 js 함수가 호출됩니다. function productDetailsRecommendations(compositeNumbers) { var params = { compositeNumbers: compositeNumbers, strategy: 'pp12', backupStrategy: 'popular', divId: 'recommendedProductsHorizontal', isVertical: false, isHi..

source 2022.07.23

Axios를 통해 Laravel로 파일을 보내는 방법

Axios를 통해 Laravel로 파일을 보내는 방법 Axios를 통해 클라이언트에서 서버로 파일을 게시해야 합니다. Vuejs 코드는 다음과 같습니다. methods: { 'successUpload': function (file) { const config = { headers: { 'Content-Type': 'multipart/form-data' } }; axios.post('/Upload/File',file, config).then(function (response) { console.log(response.data); }); } } 그리고 여기 보낸 파일을 처리하기 위한 내 Larabel 코드가 있습니다. public function uploadFile(Request $request) { if(..

source 2022.07.23

Vue 3 - 대체 Vue.delete

Vue 3 - 대체 Vue.delete Vue 3의 새로운 Reactivity API의 대안은 무엇입니까?Vue.delete그리고.Vue.setVue 3에서는 필요하지 않습니다. 프록시를 사용하는 새로운 반응성 시스템을 통해 Vue는 반응성 데이터에 대한 모든 변화를 감지할 수 있습니다. JavaScript의delete연산자: delete obj[key] 다음은 vanilla JavaScript를 사용하여 오브젝트 속성을 삭제하고 추가하는 Vue 3 데모입니다. const { createApp, reactive } = Vue; const app = createApp({ setup() { const obj = reactive({ a: 1, b: 2, c: 3 }) return { obj } } }); ap..

source 2022.07.23

Vue momentjs는 상대 시간을 실시간으로 업데이트합니다.

Vue momentjs는 상대 시간을 실시간으로 업데이트합니다. 다음 날짜부터 상대 시간을 업데이트하려면momentjs사용자에게는 실시간입니까? 계산 결과: computed: { ago() { return moment().fromNow(); }, } 컴포넌트에서 사용하는 경우: 정적 텍스트가 표시됩니다.a few seconds ago페이지 새로고침 없이 이 텍스트를 업데이트하려면 어떻게 해야 합니까?보고 싶다:a minute ago,atwo minutes agoE.T.C. 사용자에게 실시간으로 이 작업을 수행할 수 있는 방법은 무엇입니까?부터moment().fromNow()반응하지 않기 때문에 어떤 변화도 볼 수 없습니다.처리를 위해 우리는 오래된 시간 속성을 수정해야 합니다.이 속성은 초기화할 필요가 ..

source 2022.07.17

번들러 없이 Vue를 사용하시겠습니까?

번들러 없이 Vue를 사용하시겠습니까? 번들하지 않고 JavaScript를 사용하는 실험 웹사이트를 만들고 있습니다.의존관리의 경우 Require를 사용했습니다.지금까지 JS를 사용했지만 시스템을 사용하기 시작했습니다.JS는 최근 HTTP2를 매우 잘 지원하고 있습니다.지금까지 커스텀 세트 웹 서버에서 몇 가지 실험을 해봤는데, 제가 만들고 있는 웹 사이트에 대한 결과는 훌륭합니다.예를 들어, 첫 페이지 렌더링은 약 400ms, 전체 페이지 로드는 800ms 등에 발생합니다. HTTP2를 최대한 활용하고 특정 시점에서 사용 중인 스크립트만 로드하고 싶기 때문에 이 작업을 수행합니다.이와 같은 코드는 유지보수가 더 쉽고 캐시도 더 잘 됩니다.현재 웹팩과 같은 번들러에 대한 열풍이 불고 있지만, 제가 사용하..

source 2022.07.17
반응형