Vue中的 slot插槽的简单应用——input中嵌套按钮的效果

场景：

需要一种类似于把按钮放在input最右边的效果

---

解决办法：

1，发现在Vue中怎么嵌套都出不了效果，网上搜到的一种html写法（但是和Vue中的el-table-column有些影响）：

    

       
          button
       
        
    

 

---

2，在Vue中，可以使用 slot-scope 做出类似这样的效果（而且很美观），还可以嵌套一些其他功能：

代码如下：

---

备注：

1. prepend是在左边 
   append是在右边