Vue 新增和编辑共用一个弹框 弹框标题前的icon如何改变

1.html代码

<el-dialog
	title=""
	:visible.sync="dialogVisible"
	:close-on-click-modal="unModal"
	width="720px"
	:before-close="handleClose"
>
	<div slot="title" class="header-title h30">
		<p class="addStyle">
			<span class="zebra font28-imp" v-html="iconDialog"></span>
			{
   
   { addDialogTitle }}
		</p>
	</div>
</el-dialog>

2.在data中写

  标题  addDialogTitle: "新增",
  
  icon  iconDialog: "&#xe617;", //新增 编辑标题前面的icon图标

3.在对应的新增，编辑按钮事件中改变其标题 icon的值就行