vue如何获取当前点击元素的文本？

Question

界面如下：

我想要的效果：

我现在就卡在这里：不知道如何去获取当前点中的名字？

<div class="col-sm-10">
    <div class="form-control" style="cursor:text">
        <input type="text" class="label_input" placeholder="创建或搜索标签" v-model="label_keyword" @keyup="loadLabel()">
    </div>
    <div>
        <span class="el-tag el-tag--warning" v-for="item in list_label">{{item.name}}</span>
    </div>
</div>
list_label:[
{
    id:1,
    name:"化妆品"
},
{
    id:2,
    name:"美食"
},
{
    id:3,
    name:"运动"
},
{
    id:4,
    name:"特产"
},
{
    id:5,
    name:"推送"
},

]

Answer 1

        <span class="el-tag el-tag--warning" v-for="item in list_label" @click="nameToInput(item.name)">{{item.name}}</span>


nameToInput(val){
    $(".label_input").val()=val;
}