mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
ddf28c98d3
* fix: input maxlength * fix: make error tip same line * fix: format * fix: use top: 100%; * feat: expand show-limit-word * feat: add test * fix: optimize code * fix: use nsInput.is and update docs * fix: update test case * fix: add wordLimitPosition props * chore: update docs * fix: add version tag * fix: input support outside * fix: update docs * fix: add backgroundcolor * fix: Restore code * fix: update docs demo * fix: add input test case * fix: Remove two useless CSS * Merge branch 'dev' into input-max-length
47 lines
871 B
Vue
47 lines
871 B
Vue
<template>
|
|
<el-input
|
|
v-model="text"
|
|
style="width: 240px"
|
|
maxlength="10"
|
|
placeholder="Please input"
|
|
show-word-limit
|
|
type="text"
|
|
/>
|
|
<el-input
|
|
v-model="text"
|
|
class="ml-4"
|
|
style="width: 240px"
|
|
maxlength="10"
|
|
placeholder="Please input"
|
|
show-word-limit
|
|
word-limit-position="outside"
|
|
type="text"
|
|
/>
|
|
<div style="margin: 20px 0" />
|
|
<el-input
|
|
v-model="textarea"
|
|
maxlength="30"
|
|
style="width: 240px"
|
|
placeholder="Please input"
|
|
show-word-limit
|
|
type="textarea"
|
|
/>
|
|
<el-input
|
|
v-model="textarea"
|
|
class="ml-4"
|
|
maxlength="30"
|
|
style="width: 240px"
|
|
placeholder="Please input"
|
|
show-word-limit
|
|
word-limit-position="outside"
|
|
type="textarea"
|
|
/>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
const text = ref('')
|
|
const textarea = ref('')
|
|
</script>
|