组件中的Vue数据目标

当我向组件中添加数据目标时，它将停止显示这些元素。我试图harcoding的ID，但不管我做它dosent有数据显示目标：组件中的Vue数据目标

Vue.component('kk-directory', { 
props: ['directoryData'], 
template: '<li>'+ 
       '<input type="checkbox" v-model="directoryData.Selected" v-on:change=" $root.selectedChange(directoryData)" v-show="!directoryData.Migrate">'+ 
       '<span class="glyphicon glyphicon-check" ng-click="selectChilds(directoryData)"></span>'+ 
       '<a href="#" v-on:click="!directoryData.Loaded && $root.add(directoryData)" data-toggle="collapse" **:data-target="#'+'{{directoryData.DirectoryId}}">**'+ 
        '<b>{{ directoryData.Name }}:</b>'+ 
        '<span>files({{ directoryData.FileCountCurrentFolder }})</span>, files total (<span ng-class="{\'danger\': directoryData.FileCountTotal > 5000}">{{ directoryData.FileCountTotal }}</span>), <span>GB ({{ directoryData.SizeGB }})</span>'+ 
       '</a>'+ 
       '<ul id="{{directoryData.DirectoryId}}" class="">'+ 
        '<li v-for="dir in directoryData.Childs">'+ 
         '<kk-directory :directory-data="dir"></kk-directory >'+ 
        '</li>'+ 
       '</ul>'+  
      '</li>'

}）

是在无法将数据目标组件绑定？

来源

2017-10-15 Thomas Segato

您的代码有太多的问题！什么是'**'，你关闭'''''' – imcvampire

你可能会考虑模板字符串，而不是''' –

Sry the ** is stackoverflow bold。所以忽略它们，我认为它正确关闭'？ –

我想通了。以下工作：

'<a href="#" v-on:click="!directoryData.Loaded && $root.add(directoryData)" data-toggle="collapse" :data-target="\'#d\'+directoryData.DirectoryId">'

来源

2017-10-15 07:10:30

我可以看到它不是buityfull，考虑阅读单个文件组件，看看它是否更优雅。 –

组件中的Vue数据目标

回答

相关问题