由于antd的input有input,inputNumber,textarea各不相同,回调函数有不一样,提示和字符计数,前后的提示,各有用法,封装起来,统一书写方法,不用每次看文档。
<template >
<div class="j-input" v-if="mode == 'input'">
<template v-if="needTips">
<a-input
v-bind="$attrs"
@input="handlerInput"
@click="handlerClick"
@pressEnter="handlerPressEnter"
@change="handlerChange"
>
<template :slot="name" v-for="name in slotName">
<slot :name="name" />
</template>
<a-tooltip slot="suffix">
<template slot="title">
<slot name="tipsContent"></slot>
</template>
<a-icon type="info-circle" style="color: rgba(0, 0, 0, 0.45)" />
<span class="total" style="margin-left: 4px" v-if="autoCount"
>{
{ textCount }}/{
{ max }}
</span>
</a-tooltip>
</a-input>
</template>
<template v-else>
<a-input
v-bind="$attrs"
@input="handlerInput"
@click="handlerClick"
@pressEnter="handlerPressEnter"
@change="handlerChange"
>
<template :slot="name" v-for="name in slotName">
<slot :name="name" />