使用Vue.js中的渲染函数（render function）来创建标签＜div＞元素。

开心羊羊

已于 2023-07-31 10:39:46 修改

阅读量587

点赞数 1

文章标签： vue.js 前端 javascript

于 2023-07-31 10:39:04 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_50622621/article/details/132017593

版权

这段代码展示了如何在Vue.js应用中利用$createElement函数创建一个HTML结构，然后用ElementUI的$confirm方法展示一个具有自定义样式和按钮的警告提示对话框，用户可以选择‘放弃修改’或‘确定’操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const h = this.$createElement
let message = h('div', null, [
                    h(
                        'p',
                        { style: 'text-indent:2em' },
                        '可能需要等待长处理时间。。'
                    ),
                    h('p', { style: 'text-indent:2em' }, '是否确定选择？')
                ])

//elementUi
 this.$confirm(message, '提示', {
                    confirmButtonText: '放弃修改',
                    cancelButtonText: '确定',
                    showClose: false,
                    closeOnClickModal: false,
                    type: 'warning'
                })