在同一页面上使用vuejs2中的多个类

Question

下面是我的代码。

Vue代码=>

new Vue({
    el:'.validation',
    data:{
        message:'tet',
        search_path:'',
        change_id:null,
    }
});

Laravel刀片文件=>

<div class='validation'>
    @{{message}}
</div>
<div class='validation'>
    @{{message}}
</div>
<div class='validation'>
    @{{message}}
</div>
<div class='validation'>
    @{{message}}
</div>

现在在第一个div工作，我正确地得到了结果，但是其他连续的div我没有得到结果。 所以我的问题是，如何在laravel刀片中的多个位置使用新的vue，具有相同的感谢。

Answer 1

您必须将类包装为如下所示的ID：

<div id="app">
  <div class='validation'>
      @{{message}}
  </div>
  <div class='validation'>
      @{{message}}
  </div>
  <div class='validation'>
      @{{message}}
  </div>
  <div class='validation'>
      @{{message}}
  </div>
</div>

new Vue({
    el:'#app',
    data:{
        message:'tet',
        search_path:'',
        change_id:null,
    }
});

如果这不是您要尝试做的事情，this答案可能会有所帮助。