Fatal编程技术网
  • javascript/
  • Javascript 从Vue.js中的其他组件引用元素

Javascript 从Vue.js中的其他组件引用元素

javascript vue.js checkbox sharepoint reference

Javascript 从Vue.js中的其他组件引用元素,javascript,vue.js,checkbox,sharepoint,reference,Javascript,Vue.js,Checkbox,Sharepoint,Reference,我的播放器中有一个复选框。vue： <div class="row"> <div class="d-inline col-lg-6 col-md-6 col-sm-6"> <b>Scholarship Player</b> </div> <div class="d-inline col-lg-6 col-md-6 col-sm-6"> {{ players.Scholarship }}

我的
播放器中有一个复选框。vue
：

<div class="row">
   <div class="d-inline col-lg-6 col-md-6 col-sm-6">
      <b>Scholarship Player</b>
   </div>
   <div class="d-inline col-lg-6 col-md-6 col-sm-6"> {{ players.Scholarship }} 
      <input type="checkbox" id="checkbox" v-model="players.Scholarship"> </div>
</div>
有人能告诉我如何引用
玩家。奖学金
（或者如果
本身是假的话，我的
）吗？（我是Vue.js的新手）


我不完全确定你的设置，但我的第一个想法是1。玩家是玩家对象2的数组。阵列中的玩家没有奖学金属性3。也许你应该使用v-for来访问播放器中的单个播放器？如果我理解正确，你有多个组件。由于您无法访问另一个组件中一个组件（类）的数据，因此您无法从您的
播放器中引用
播放器。vue
在您的另一个组件
播放器tabs.vue
-您必须找到一种方法来传递数据。如何传递数据？

Cannot read property 'Scholarship' of undefined



<div v-if="Scholarship">
    <v-tab title="Scholarship">
      <app-timetables></app-timetables>
    </v-tab>
</div>
<div v-else>
</div>



playersData: function(data) {
  this.players = [];
  var $this = this;
  for (var i = 0; i < data.length; i++) {
    $this.players.push({
      ID: data[i].ID,
      PlayerID: data[i].NameId,
      Scholarship: data[i].Scholarship
      // others
    });
  } 
},