vuejs2 5

Vuetify에서 의 동적 자리 표시자 텍스트를 표시하는 방법은 무엇입니까?

Vuetify에서 의 동적 자리 표시자 텍스트를 표시하는 방법은 무엇입니까? 텍스트 필드는 다음과 같습니다. Vue.jsdata내용: export default { data () { return { input: '', proposed: 0 } } } 플레이스 홀더에 다음과 같은 것을 표시해 주세요. placeholder="Proposed quantity: 2 (0 - 200)" 설정을 시도했다.proposed변수(예: a) placeholder="Proposed quantity: {proposed} (0 - 200)" b) placeholder="Proposed quantity: `${proposed}` (0 - 200)" c) placeholder="Proposed quantity: " + propos..

source 2023.01.15

Vuejs 속성에 따라 목록의 항목 스타일 지정

Vuejs 속성에 따라 목록의 항목 스타일 지정 저는 Vuejs에 매우 익숙하지 않기 때문에, 이것이 매우 흔한 일이라면 양해해 주십시오.하지만 상품명이 다른 물건과 동일한지 여부에 따라 스타일링을 시도하고 있습니다. {{menu.name}} 다음 오류가 나타납니다. Vue 템플릿 구문 오류: 잘못된 식: v-bind:class="{activeSubMenuItem === menu.name? activeSubMenuItemStyle:subMenuItemStyle}" 목록의 항목을 속성에 따라 스타일링하려면 어떻게 해야 합니까? 업데이트: 이 방법으로 시도: {{menu.name}} 추가했습니다.activeSubMenuItemStyle그리고.subMenuItemStyle데이터를 스타일 속성으로 변환합니다. ..

source 2022.12.12

vuefity 변환 v-text-field 레이블

vuefity 변환 v-text-field 레이블 vuetify 텍스트 필드의 라벨(및 플레이스 홀더)을 번역해야 합니다.v-text-field) 코드는 다음과 같습니다. (...) (...) 첫 번째 경우(또한 자동 완성으로 시도) 라벨은 정확하게 ($t('common.nameLabel')스트링으로서).기능으로는 처리되지 않는 것 같습니다.모든 라벨을 이 방법으로 번역할 수 있습니까?를 사용해야 합니다.v-bind(또는 콜론 단축기) JavaScript 값을 전달합니다.그렇지 않으면 문자열 리터럴만 전달합니다. 여기 JSFiddle이 있습니다.https://jsfiddle.net/9rjpaz4L/v-bind라는 단어를 사용하지 않고 콜론을 사용하여 이 작업을 수행할 수도 있습니다. 언급URL : htt..

source 2022.10.22

Vue.js 2의 여러 필드를 검색하는 방법

Vue.js 2의 여러 필드를 검색하는 방법 Vue.js 2 어플리케이션에서 이름, 성, 이메일 3개의 필드를 검색 또는 필터링하려고 합니다.Vue 2는 Vue 1과 달리 필터 방식이 내장되어 있지 않기 때문에 하나의 필드에서만 필터링할 수 있는 커스텀 방식을 만들었습니다.이 필드를 여러 필드로 확장하려면 어떻게 해야 합니까?나는 이런 것을 시도해 본 적이 있어요.filterBy(list, value1, value2, value3)하지만 효과가 없다. 이건 내 코드야 First Name Last Name Email {{customer.first_name}} {{customer.last_name}} {{customer.email}} View filterBy 메서드를 확장하여 last_name뿐만 아니라 더..

source 2022.10.22

VueJ의 메서드에서 데이터 변수가 업데이트되지 않음s

VueJ의 메서드에서 데이터 변수가 업데이트되지 않음s HTML5 지오로케이션 API에서 방문자의 우편번호(핀코드)를 얻기 위해 아래와 같은 코드를 사용하고 있습니다.그러나 나는 그 우편번호를 취득하여 데이터 변수 '핀코드'로 업데이트하고 싶다.다음은 제가 사용한 코드입니다.값은 콘솔에 올바르게 인쇄됩니다.그러나 'pincode' 변수에서는 업데이트되지 않습니다. export default { data(){ return { pincode: 0, } }, methods: { findPincode(){ navigator.geolocation.getCurrentPosition(function (position) { var geocoder = new google.maps.Geocoder(); var latLng..

source 2022.10.22