hookehuyr

✨ feat: 多行输入框新增最小显示高度和最大输入字符数

<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-08-30 10:40:33
* @LastEditTime: 2022-09-08 14:27:56
* @FilePath: /data-table/src/components/TextareaField/index.vue
* @Description: 多行文本输入框
-->
......@@ -9,7 +9,8 @@
<div class="textarea-field-page">
<div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div>
<van-field v-model="item.value" :name="item.name" :type="item.type" :placeholder="item.placeholder"
:rules="item.rules" :required="item.required" :rows="item.rows" :autosize="item.autosize" />
:rules="item.rules" :required="item.required" :rows="item.component_props.rows"
autosize :maxlength="item.component_props.maxlength" show-word-limit />
</div>
</template>
......
......@@ -44,7 +44,7 @@ export function createComponentType(data) {
if (item.component_props.name === 'textarea') {
item.type = 'textarea';
item.name = item.key;
item.rows = 2;
// item.rows = 10;
item.autosize = true;
item.component = TextareaField;
}
......
<!--
* @Date: 2022-07-18 10:22:22
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-08 13:38:52
* @LastEditTime: 2022-09-08 14:31:33
* @FilePath: /data-table/src/views/index.vue
* @Description: 首页
-->
......@@ -128,7 +128,9 @@ onMounted(() => {
// placeholder: '请输入留言',
// component: '',
// component_props: {
// name: 'textarea'
// name: 'textarea',
// rows: 3,
// maxlength: null,
// },
// },
// {
......