鍍金池/ 問(wèn)答/HTML5  HTML/ vue如何獲取當(dāng)前點(diǎn)擊元素的文本？

vue如何獲取當(dāng)前點(diǎn)擊元素的文本？

界面如下：

clipboard.png

我想要的效果：

clipboard.png

我現(xiàn)在就卡在這里：不知道如何去獲取當(dāng)前點(diǎn)中的名字？

<div class="col-sm-10">
    <div class="form-control" style="cursor:text">
        <input type="text" class="label_input" placeholder="創(chuàng)建或搜索標(biāo)簽" 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:"運(yùn)動(dòng)"
},
{
    id:4,
    name:"特產(chǎn)"
},
{
    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;
}
2017年8月9日 10:39