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

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

텍스트 필드는 다음과 같습니다.

<v-text-field v-model="input" placeholder="(0 - 200)">
</v-text-field>

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: " + proposed + " (0 - 200)"

아무 것도 안 먹혔어

다른 의견이나 제안은 없습니까?

를 바인드해야 합니다.placeholder를 사용하여 데이터 오브젝트로 이동:또는v-bind:placeholder ...예를 들어 다음과 같습니다.

  :placeholder="'Proposed quantity: '+proposed+ ' (0 - 200)'"

또는

  v-bind:placeholder="'Proposed quantity: '+proposed+ ' (0 - 200)'"

언급URL : https://stackoverflow.com/questions/52968051/how-to-display-dynamic-placeholder-text-of-v-text-field-in-vuetify