ant-design-vue/antdv-demo/docs/input/demo/addon.md

#### 前置/后置标签 用于配置一些固定组合。 #### Pre / Post tab Using pre & post tabs example.

<template>
  <div>
    <div style="margin-bottom: 16px">
      <a-input addon-before="Http://" addon-after=".com" default-value="mysite" />
    </div>
    <div style="margin-bottom: 16px">
      <a-input default-value="mysite">
        <a-select slot="addonBefore" default-value="Http://" style="width: 90px">
          <a-select-option value="Http://">
            Http://
          </a-select-option>
          <a-select-option value="Https://">
            Https://
          </a-select-option>
        </a-select>
        <a-select slot="addonAfter" default-value=".com" style="width: 80px">
          <a-select-option value=".com">
            .com
          </a-select-option>
          <a-select-option value=".jp">
            .jp
          </a-select-option>
          <a-select-option value=".cn">
            .cn
          </a-select-option>
          <a-select-option value=".org">
            .org
          </a-select-option>
        </a-select>
      </a-input>
    </div>
    <div style="margin-bottom: 16px">
      <a-input default-value="mysite">
        <a-icon slot="addonAfter" type="setting" />
      </a-input>
    </div>
  </div>
</template>