Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Vue.js中的组件数据将路由器链接设置为属性_Javascript_Vue.js_Vue Router - Fatal编程技术网

Javascript 使用Vue.js中的组件数据将路由器链接设置为属性

Javascript 使用Vue.js中的组件数据将路由器链接设置为属性,javascript,vue.js,vue-router,Javascript,Vue.js,Vue Router,如何将组件数据注入?样本: 在此示例中,输出为。如何获取/test而不是/{{file.path}?您使用了错误的语法,只需按如下方式使用: template: '<ul class="files"><li v-for="file in files"><router-link v-bind:to="file.path">{{ file.name }}</router-link></li></ul>', 简言之: templ

如何将组件数据注入?样本:


在此示例中,输出为。如何获取/test而不是/{{file.path}?

您使用了错误的语法,只需按如下方式使用:

template: '<ul class="files"><li v-for="file in files"><router-link v-bind:to="file.path">{{ file.name }}</router-link></li></ul>',
简言之:

template: '<ul class="files"><li v-for="file in files"><router-link :to="file.path">{{ file.name }}</router-link></li></ul>',
可能重复的
template: '<ul class="files"><li v-for="file in files"><router-link :to="file.path">{{ file.name }}</router-link></li></ul>',