VUE中 父组件向子组件传递参数比较简单 使用props就可以了
MissionList 是父组件 MissionListOverviewPanel是子组件
父组件代码:在引用子组件的标签的属性里用【:属性名】的方式,如:title
<missionList-overview-panel
corner-text="正在进行"
:title=row.entity.NAME
:style="panelStyle(row.index)"
:checked.sync="checkedArray[row.index]"
@onCheck="showPopup(row.entity)"
@onError="showPopup(row.entity)"
/>
子组件代码:在子组件里使用props
export default {
name: 'MissionListOverviewPanel',
props: {
title: {
type: String,
default: '',
},
},
data() {
},
methods: {
},
},
如果该参数在标签内使用 : {{ 参数名 }} 如:{{ title }}
<div class="title-panel">{{ title }}</div>
如果该参数在标签属性中使用 ::属性名=“参数名” 如::id="title"
<div class="title-panel" :id="title"></div>