demo 原始链接:https://vux.li/demos/v2/#/component/x-textarea
\n下面的$t是Demo的i18n使用的翻译函数,一般情况下可以直接使用字符串。另外,下面代码隐藏了i18n标签部分的代码。
\n<template>\n <div>\n <group>\n <x-textarea :max=\"20\" :placeholder=\"$t('placeholder')\" @on-focus=\"onEvent('focus')\" @on-blur=\"onEvent('blur')\"></x-textarea>\n </group>\n <group :title=\"$t('used with input')\">\n <x-input :placeholder=\"$t('title')\"></x-input>\n <x-textarea :max=\"200\" name=\"description\" :placeholder=\"$t('placeholder')\"></x-textarea>\n </group>\n <group :title=\"$t('hide counter')\">\n <x-textarea :max=\"200\" name=\"detail\" :placeholder=\"$t('placeholder')\" :show-counter=\"false\"></x-textarea>\n </group>\n <group :title=\"$t('autosize')\">\n <x-textarea :placeholder=\"$t('Type something')\" :show-counter=\"false\" :rows=\"1\" autosize></x-textarea>\n <x-textarea :title=\"$t('title')\" :placeholder=\"$t('Type something')\" :show-counter=\"false\" :rows=\"1\" autosize></x-textarea>\n </group>\n <group :title=\"$t('set height=200')\">\n <x-textarea :title=\"$t('title')\" :max=\"200\" :placeholder=\"$t('placeholder')\" :show-counter=\"false\" :height=\"200\" :rows=\"8\" :cols=\"30\"></x-textarea>\n </group>\n </div>\n</template>\n\n\n\n<script>\nimport { XTextarea, Group, XInput } from 'vux'\n\nexport default {\n components: {\n XTextarea,\n Group,\n XInput\n },\n methods: {\n onEvent (event) {\n console.log('on', event)\n }\n }\n}\n</script>\n\n
\n