prostudy

선택 옵션에서 값을 비활성화하는 방법(vue.js 2) 내 컴포넌트는 다음과 같습니다. {{ option.name }} {{selected}} var demo = new Vue({ ... data() { return { selected: '', options: [{ id: '', name: 'Select Category' }] }; }, ... }) 자세한 코드와 데모를 보려면 https://fiddle.jshell.net/oscar11/stvct9er/5/를 방문하십시오.https://fiddle.jshell.net/oscar11/stvct9er/5/ "Select Category(카테고리 선택)"를 비활성화합니다.따라서 "카테고리 선택"이 비활성화됩니다.사용자가 선택할 수 없습니다.사용자는 "카테고리..

Vue.js를 사용하여 메타 제목 및 설명 변경 Vue에서 바디 태그보다 높은 것을 변경할 수 있습니까?Js? 이 두 요소에 대한 내용은 현재 DOM 트리 아래 요소에 첨부된 JSON 파일에 저장되어 있습니다. Google에서 탐색할 수 있는 메타 제목과 설명을 삽입해야 합니다.DIV 하단의 App ID를 사용하여 현재 Vue JSON이 주입되기 때문에 본문 요소 및 DOM 트리 상단의 액세스에 관한 문제를 파악한 후 크롤링합니다). 이전 작업에서 정사각형 공간 템플릿에서 이 문제를 해결하기 위해 jQuery 코드를 사용한 적이 있습니다. jQuery('meta[name=description]').attr('content', 'Enter Meta Description Here'); 페이지 HTML Vue..

Vuejs의 입력값에 소품을 전달하는 방법 상위 컴포넌트를 카트로 가지고 있다.여기서 수량을 정의했으며 이 수량을 자성분의 입력 값인 카운터로 전달하려고 합니다.다음은 전달 방법이고 다음은 부모 구성 요소인 카트입니다. 그리고 여기 내 자식 컴포넌트 카운터: 저는 Vue에 처음 와서 소품을 지나칠 때 뭔가 잘못하고 있는 것 같아요.그러니 이것 좀 도와주실 수 있나요?시도합니다(콜론 기호 포함). 그냥 "아이템"이라는 문자열을 건네기 전에요quanity" 소품을 직접 수정하는군요. countUp() { this.quantity++; }, countDown() { if(this.quantity > 0) { this.quantity--; } }, Vue에서는 이렇게 하는 것이 아닙니다.쌍방향 바인딩을 사용해야..

연결된 데이터가 변경된 후 Vue 구성 요소가 즉시 업데이트되지 않음 저는 아직 Vue가 처음이라 연결된 데이터가 업데이트되는 즉시 컴포넌트의 내용을 업데이트해야 하는 데 어려움을 겪고 있습니다.단, 컴포넌트는 재렌더되는 즉시 변경된 내용을 표시합니다. 요소 Vue.component('report-summary', { props: ['translation', 'store'], watch: { 'store.state.currentModel.Definition': { handler: function(change) { console.log('Change detected', change); }, deep:true } }, template: ' '' + ' {{ translation.currently_define..

VueJ: 텍스트 영역의 기본 동작을 방지하는 방법 (시프트를 누르지 않고) 정확한 Enter 키를 누를 때만 메시지를 보내는 슬랙라이크 기능을 구현하려고 합니다. 이 vue 템플릿 고려 이 컴포넌트를 사용하여 export default { name: 'Typing', data() { return { message: null } }, methods: { sendMessage(e) { // e.stopPropagation() and e.preventDefault() have no impact this.$socket.emit('message', { text: this.message }); console.log(this.message); // Print the message with another '\n' a..

intersectionObserver/Scrollspy가 있는 요소의 특정 클래스를 표시하려면 어떻게 해야 합니까? 여기 vue에 있는 내 페이지의 세 섹션이 있습니다. Home About Contact Navbar Link를 클릭하면 해당 섹션으로 스크롤됩니다.여기 라우터 링크가 있습니다. Home About Contact 기본적으로 이러한 클래스는 활성 페이지 링크에 추가됩니다. router-link-active router-link-exact-active Home About Contact 그러나 모든 섹션이 동일한 인덱스 페이지에 있으므로 이러한 클래스는 모든 탐색바 링크에 추가됩니다.페이지가 특정 섹션에 있을 때 커스텀클래스를 추가하는 방법이 있나요?이 예시와 같이 교차점 옵서버를 만들려면 다음 ..

재사용 가능한 VueJS 컴포넌트에서의 테일윈드 CSS 클래스 덮어쓰기 TailwindCSS를 사용하여 VueJS 버튼 컴포넌트를 만들었습니다.제 목표는 버튼 컴포넌트에 몇 가지 기본 스타일(후풍 css 클래스 사용)을 제공하고 필요할 때 덮어쓸 수 있는 옵션(후풍 css 클래스 사용)을 제공하는 것입니다. 예를 들어 다음과 같은 단순화된 버전의Button컴포넌트: // Button.vue Click Me 다음은 다른 파일에서 해당 컴포넌트를 사용하는 예입니다. // index.vue 문제는 이것이 반쪽만 작동한다는 것이다.즉,bg-blue-600를 덮어씁니까?bg-green-500디폴트로 설정했습니다.Button.vue.그렇지만bg-red-600는 배경색을 덮어쓰지 않습니다(추정적으로 이유는bg-red..

Nuxt를 사용하여 하나의 프로젝트에 여러 저장소를 구축하는 방법 어떤 것이 더 나은 구조이며 어떻게 하면 하나의 프로젝트에서 여러 개의 리포(repo)를 구현할 수 있는지 묻고 싶습니다. 저는 이런 구조를 만들 계획입니다. 가능합니까?그런 다음 노드 서버를 사용하여 작동합니다. 답변 감사합니다!언급URL : https://stackoverflow.com/questions/51483040/how-to-build-a-multiple-repositories-in-one-project-using-nuxt

VueJs에서 더티 스테이트를 구현하는 방법 저는 VueJs를 처음 사용하는 사용자로,Save모델에서 변경이 발생한 경우에만 버튼을 누릅니다. 내 첫 번째 생각은 하는 것이다compute초기 모델과 현재 모델을 비교하는 더러운 함수 주의: 이 코드는 테스트되지 않았습니다.예시를 위해 여기에 기재되어 있습니다. var app = new Vue({ el: '#app', data: {a:0, b:'', c:{c1:null, c2:0, c3:'test'}}, initialData: null, mounted():{ initialData = JSON.parse(JSON.stringify(data));}, computed: { isDirty: function () { return JSON.stringify(data)..

Vue 모델이 업데이트되지 않음 사용자 정의 텍스트 영역 구성 요소의 모델 데이터를 업데이트하려고 할 때this.message='bar텍스트와 html이 htmltextarea 태그에 정상적으로 표시되지 않지만 Vue dev 툴의 콘솔에서 업데이트가 적용되어 있음을 알 수 있습니다.문자열 대신 개체로 전환하고 Vue.set을 사용해 보았지만 이 역시 작동하지 않습니다. 이 문제를 해결할 방법이 없을까요? 목표:htmlTextAreacomponent는 htmlTextArea 태그에서 사용자의 텍스트를 가져와(이는 기능합니다), 이 텍스트를 조작하여 텍스트 영역에 다시 바인드하는 것입니다.단, HTML이 포함되어 있습니다. 사용자 지정 텍스트 영역 구성 요소: 기타 컴포넌트: ... ... 값을 명시적으로 ..