Question

我正在尝试创建一个接受包含大括号语法的属性的组件，以便稍后在组件内插入。

我怎样才能实现这样的目标？是否需要调用函数来评估花括号的语法？

这是我的代码

<my-component template="Hello {{ firstname }}"></my-component>

这是我的组件

props: {
    template: null
},
data: function() {
    return {
        firstname: 'John',
        lastname: 'Smith'
    }
},
template: `<div>
    My message: <span>{{ template }}</span>
  </div>
`

我得到的结果

My message: Hello {{ firstname }}

我期待的是

My message: Hello John

JsFiddle：{{3}}

Answer 1

如果数据是子组件的一部分，您可以使用scoped slot。

id

和模板

def change
  remove_column :likes, :id
end

您的更新fiddle。

VueJS - 如何从prop中评估花括号语法

1 个答案: