$prompt确认弹框增加自定义内容示例

最新推荐文章于 2024-03-18 15:32:33 发布

PHY1161460191

最新推荐文章于 2024-03-18 15:32:33 发布

阅读量2.8k

点赞数 2

分类专栏：前端踩坑文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/phy1161460191/article/details/127291778

版权

前端踩坑专栏收录该内容

2 篇文章 0 订阅

订阅专栏

const h = _this.$createElement;
this.$prompt(h(
	'div', null, [
		h('div', { style: "display:flex;align-items: center" }, [
			h('span',{style:"width: 70px"}, '表达式:'),
			h('el-input', {
					props: {
						value: _this.tabs.second.funcExpression,
						readonly: true
					},
					on: {
					  input: (value) => {
						// this.value1 = value
							}
						}
				}),
		]),
		h('div',{ style: "display:flex;align-items: center;margin-top:5px" }, [
			h('span',{style:"width: 70px"}, '示例值:'),
			h('el-input', {
					props: {
					value: _this.tabs.second.outPut,
					readonly: true
					}
				}),
		])]), 
		'提示', 
		{
			confirmButtonText: '确定',
			cancelButtonText: '取消',
			inputPlaceholder: '请输入表达式描述（非必填）',
			inputType:'textarea'
		}).then(({ value }) => {
			//  todo .....
		}).catch();