confirm确定框内容换行显示

    技术2022-07-20  67

    1、\u000d 方法

    加\u000d <script language="JavaScript"> confirm("第一行 \u000d 第二行"); </script>

    2、\r 方法

    加 \r —— 注意:\r 适用于谷歌浏览器 <script language="JavaScript"> confirm("第一行 \r 第二行"); </script>

    3、 \n 方法

    加 \n —— 注意:\n 适用于通用浏览器 <script language="JavaScript"> confirm("第一行 \n 第二行"); </script>

    4、 \n\r 或 \r\n 方法

    加 \n\r —— 注意:一般情况下使用\n\r <script language="JavaScript"> confirm("第一行 \n\r 第二行"); </script>

    5、element-ui中的换行方法

    // 把换行的内容分成数组放入 confirmText 中 const confirmText = [‘第一行’ , ‘第二行’]; const newDatas = []; const h = this. c r e a t e E l e m e n t ; f o r ( c o n s t i i n c o n f i r m T e x t ) n e w D a t a s . p u s h ( h ( ′ p ′ , n u l l , c o n f i r m T e x t [ i ] ) ) ; t h i s . createElement; for (const i in confirmText) { newDatas.push(h('p', null, confirmText[i])); } this. createElementfor(constiinconfirmText)newDatas.push(h(p,null,confirmText[i]))this.confirm( ‘提示’, { title: ‘提示’, message: h(‘div’, null, newDatas), showCancelButton: true, // 是否显示取消按钮 distinguishCancelAndClose: true, // 是否将取消(点击取消按钮)与关闭(点击关闭按钮或遮罩层、按下 ESC 键)进行区分 closeOnPressEscape: true, // 是否可通过按下 ESC 键关闭 MessageBox confirmButtonText: ‘确定’, // 确定按钮的文本内容 cancelButtonText: ‘取消’, // 取消按钮的文本内容 type: ‘warning’ // 消息类型,用于显示图标 success / info / warning / error } ).then(() => { }) .catch(() => { })

    6、模板字符串换行

    跟第五种方法相类似,只需要将 ' ' 替换成 ` ` 即可 const confirmText = [`第一行${变量1}` , `第二行${变量1}`]
    Processed: 0.009, SQL: 10