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

界面如下:

clipboard.png

我想要的效果:

clipboard.png

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

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

]

阅读 8.7k
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;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题