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

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

以下是我的代码。

代码视图=>

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。

php laravel vue.js
1个回答
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答案可能有所帮助。

© www.soinside.com 2019 - 2024. All rights reserved.