Open augustocadini opened 3 years ago
Solved:
v-bind:prepend-icon="icon"
props: {
icon: {
type: String,
default: "attach_money"
},...
Hi!! You can try this way:
properties: {
hint: "my hint",
'prepend-icon'="attach_money"
// You can add other v-text-field properties, here.
},
Hi!! You can try this way:
properties: { hint: "my hint", 'prepend-icon'="attach_money" // You can add other v-text-field properties, here. },
Where are I put this properties
?. Can show full example?
<template>
<div>
<vuetify-money
v-model="value"
v-bind:label="label"
v-bind:placeholder="placeholder"
v-bind:readonly="readonly"
v-bind:disabled="disabled"
v-bind:outlined="outlined"
v-bind:clearable="clearable"
v-bind:valueWhenIsEmpty="valueWhenIsEmpty"
v-bind:options="options"
v-bind:properties="properties"
/>
Parent v-model: {{ value }}
</div>
</template>
<script>
export default {
data: () => ({
value: "1234567.89",
label: "Value",
placeholder: " ",
readonly: false,
disabled: false,
outlined: true,
clearable: true,
valueWhenIsEmpty: "",
options: {
locale: "pt-BR",
prefix: "R$",
suffix: "",
length: 11,
precision: 2
},
properties: {
hint: "my hint"
'prepend-icon'="mdi-..."
// You can add other v-text-field properties, here.
},
})
};
</script>
On v-text-field we can add a prepend-icon, it is possible on vuetify-money?