Ant Design Vue Input addonAfter addonBefore后置和前置标签

Ant Design Vue Input addonAfter addonBefore后置和前置标签。

addonAfter addonBefore文本

<template>
  <a-input placeholder="试试看" addonAfter="元" addonBefore="￥" />
</template>

例子

addonAfter addonBefore图标

新以下代码演示在输入框后面增加一个搜索图标，点击图标获取输入框的值

<template>
  <a-input placeholder="试试看"  v-model="keyword" addonBefore="￥" style="width:300px" >
   <a-icon slot="addonAfter" @click="onck" type="search" />
      </a-input>
</template>
<script>
export default {
  data(){
    return{
      keyword:"" //输入框的值
    }
  },
  methods: {
   //点击事件
    onck() {
       alert(this.keyword)
    },
  },
};
</script>

例子