我正在尝试创建一个子组件,其中父组件传递一个道具,然后子组件根据传递的道具计算几个id。到目前为止,我做到这一点的唯一方法是为每个is执行一个计算属性。我相信有一种更简单的方法可以直接在模板中完成。
例如,父级:
<Dates id="secondary_school" />
日期组件:
<template>
<div :id="{{id}}_container">
<div :id="{{id}}_timeline">
<input :id="{{id}}_school_name" />
...
</div>
</div>
</template>
我知道我不能使用曲线型括号,因为Vue会抱怨插值,但如果我不使用它们,它就找不到传递的道具。
有没有可能有类似的东西:
<template>
<div :id="id" + "_container">
<div :id="id" + "_timeline">
<input :id="id" + "_school_name" />
...
</div>
</div>
</template>
发布于 2018-06-09 00:38:50
您可以使用如下代码来实现此目的:
<div :id="id+'_container'">
<!-- Possible output: <div id="secondary_school_container"> -->
而不是像这样写:
<div :id="{{id}}_container">
https://stackoverflow.com/questions/50764211
复制相似问题