Question

我有一个看起来像这样的组件，定义'name'和'placeholder'属性：

Vue.component("text-control", {
    props: {
        name: String,
        placeholder: {type: String, default: ""},
    },
    template: '<div class="form-group"><label>{{name}}</label> <input class="form-control" type="text" placeholder="{{placeholder}}"></div>'
});

在我的页面上这样称呼：

<text-control name="Name" placeholder="Enter Name here"></text-control>

正确解析了Name属性。但是我无法获得占位符属性值。它向我显示{{placeholder}}而不是Enter Name here。如何将属性绑定到模板中的属性值？

Answer 1

在Vue 2.0中，您无法在属性等中使用{{}}。您应该使用v-bind：

<input class="form-control" type="text" v-bind:placeholder="placeholder">

通过props传递的数据在用作属性值时不会呈现

1 个答案: