Question

当用户点击链接时，我试图在弹出窗口中填充用户ID，我获取信息表格数据属性，并在每次用户点击链接时将其传递给对象以显示不同的ID。但是，如果我第一次点击，我会得到相同的结果。

下面的代码是JQuery和Vue mix。

JS代码

$('.lead-details-btn').on('click', function(){

new Vue({
    el: "#app",
    data() {
        return {
            message: $(this).data('id')
        }
    }
});

});

Answer 1

尝试：

＆＃13;

vm = new Vue({
  el: "#app",
  data() {
    return {
      message: ''
    }
  }
});

$('.lead-details-btn').on('click', function() {
  console.log( $(this).attr('id'))
  vm.message = $(this).attr('id');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.5/vue.js"></script>

<div id="app">
  {{ message }}
  <button id="btn-1" class="lead-details-btn">btn-1</button>
  <button id="btn-2" class="lead-details-btn">btn-2</button>
  <button id="btn-3" class="lead-details-btn">btn-3</button>
</div>

＆＃13;

Vue Js在模板中呈现动态信息

1 个答案: