Element-UI中slot的用法

在使用的時候，遇到了slot的用法，在這裏記錄一下使用方法：
在使用複合型輸入框的時候，我們需要在input輸入框的前面或者後面添加一個符號或者button按鈕，如何快速的添加文字或按鈕並且不用再自己設置樣式呢，slot設置了input可前置或後置元素，一般爲標籤或按鈕。看element-ui的示例即可：

在圖中1、2標註，我們可以看到具體的實現效果如下：

在這裏我們可以很清晰的看出來:

<el-input placeholder="請輸入內容" v-model="input1">
    <template slot="prepend">Http://</template>
  </el-input>
1
2
3
prepend表示在輸入框的前方位置放置一個標籤或者按鈕；

<el-input placeholder="請輸入內容" v-model="input1">
    <template slot="append">Http://</template>
  </el-input>
1
2
3
append表示在輸入框的後方位置放置一個標籤或者按鈕；