Vue + Ant Design，在指定输入框内插入内容。

最新推荐文章于 2024-05-28 20:40:04 发布

小泡泡c

最新推荐文章于 2024-05-28 20:40:04 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Ant Design 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45325810/article/details/123245450

1.情景说明

只能在 前缀 或 后缀 的输入框 插入符号
在这里插入图片描述

2.代码实现

1）先在输入框外层包裹div标签，并设置class名。

<a-form-model-item ref="prefix" label="前缀" prop="prefix">
 <div class="prefixInput">
  <a-input v-model="form.prefix" id="prefix" @blur=" () => { $refs.prefix.onFieldBlur(); } " @focus="inputFocus" />
 </div>
</a-form-model-item>

<a-form-model-item>
 <a-dropdown>
  <a-menu slot="overlay" @click=