Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
data-table
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Graphs
Network
Create a new issue
Commits
Issue Boards
Authored by
hookehuyr
2022-09-08 14:32:09 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
213ae2c21ac087cd42386af422d153c6a8c500df
213ae2c2
1 parent
828f3ac0
✨ feat: 多行输入框新增最小显示高度和最大输入字符数
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
8 additions
and
5 deletions
src/components/TextareaField/index.vue
src/hooks/useComponentType.js
src/views/index.vue
src/components/TextareaField/index.vue
View file @
213ae2c
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-0
8-30 10:40:33
* @LastEditTime: 2022-0
9-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"> *</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>
...
...
src/hooks/useComponentType.js
View file @
213ae2c
...
...
@@ -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
;
}
...
...
src/views/index.vue
View file @
213ae2c
<!--
* @Date: 2022-07-18 10:22:22
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-08 1
3:38:52
* @LastEditTime: 2022-09-08 1
4: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,
// },
// },
// {
...
...
Please
register
or
login
to post a comment