如何在vue中点击显示所有选中的用户

问题描述 投票:0回答:0

我正在尝试用 vue 制作一张桌子。用户可以选择不同的工作人员并将他们的信息显示在屏幕上。我是 vue 的新手,所以真的不知道该怎么做。我目前所拥有的可以在下面看到任何帮助将不胜感激。

我的按钮代码:

    <div class="col-3">
    <button 
      type="button" 
      class="btn"
       @click="addToList()">
      Add to List
    </button>
</div>

JS代码:

    data() {
    return {
      selectedWorkers: null,
    };
  },

    methods: {

    addToList() {
      
      alert(this.selectedWorkers)
      
    },

当前代码为每个选定的工人返回 [object Object]。因此,这意味着选择部分正在工作,只是无法显示数据。

当前表给你和idea

当前显示的信息

arrays vue.js onclick event-handling alert
© www.soinside.com 2019 - 2024. All rights reserved.