vant/src/field/demo/Autosize.vue
2020-12-13 14:56:13 +08:00

40 lines
693 B
Vue

<template>
<demo-block :title="t('autosize')">
<van-field
v-model="value"
autosize
rows="1"
type="textarea"
:label="t('message')"
:placeholder="t('placeholder')"
/>
</demo-block>
</template>
<script lang="ts">
import { ref } from 'vue';
import { useTranslate } from '@demo/use-translate';
const i18n = {
'zh-CN': {
message: '留言',
autosize: '高度自适应',
placeholder: '请输入留言',
},
'en-US': {
sms: 'SMS',
autosize: 'Auto Resize',
placeholder: 'Message',
},
};
export default {
setup() {
const t = useTranslate(i18n);
const value = ref('');
return { t, value };
},
};
</script>