javascript - 在 Vue.js 中将属性作为组件参数传递

我正在 Vue.js 中创建一个测试组件。我想传递一个参数以在我的模板中使用，如下所示:

Vue.component('test', {
   props: ['href'],
   template: '<li><a href="{{href}}"><slot></slot></a></li>'
});

在我的 html 文件中:

<test href="/">Tvest</test>

但是属性 href 未绑定(bind)到属性。

<li><a href="{{href}}">Tvest</a></li>

如何在 Vue.js 中正确执行此操作？

最佳答案

您需要get rid of the brackets围绕 href 并指定您要使用 v-bind directive 绑定(bind)数据属性:

<li><a v-bind:href="href"><slot></slot></a></li>

关于javascript - 在 Vue.js 中将属性作为组件参数传递，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45312755/