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

最新推荐文章于 2024-05-24 10:35:01 发布

qq_42753983

最新推荐文章于 2024-05-24 10:35:01 发布

阅读量157

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_42753983/article/details/131065555

版权

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的值就行