How does vue get the text of the currently clicked element?

the interface is as follows:

clipboard.png

:

clipboard.png

I"m stuck here right now: I don"t know how to get the name in the current point?

<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:""
},

]


        <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;
}
Menu