vue字符串逗号切割并换行弹框展示

  <el-dialog title="错误消息" :visible.sync="errorDialogVisible" width="30%" center><span>导入积分发放账号报错了! 报错信息如下:</span><div id="text" v-html="errorInfo"></div><textarea id="input">这是幕后黑手</textarea><p>手机号添加失败</p><span slot="footer" class="dialog-footer"><el-button @click="errorDialogVisible = false">知道了</el-button><el-button type="primary" @click="copyText()">复 制</el-button></span></el-dialog>

      errorInfo: {},

关键代码

          let newArray = res.dataObj.toString()this.errorInfo = newArray.replace(/\,/g, '</br>')  //逗号切割并换行this.errorDialogVisible = true

将变量errorInfo 赋给弹框 v-html展示就好了

vue字符串逗号切割并换行弹框展示相关推荐

vue + elementui 通过父子组件实现弹框
在子组件中编写弹窗,在父组件中引用弹窗文章目录编写子组件编写父组件把子组件的弹窗引入到父组件中引入子组件方法注册子组件通过$emit把子组件的值传入到父组件中父组件接收子组件传来的值 ...
ant design vue：upload打开选择文件弹框前弹出确认框
看antd文档,刚开始我用得beforeUpload来实现,勉强能完成我想要的功能,但是流程上不完美,需要先选择了文件,才能弹出确认框,但是我的确认框其实跟文件没有关系,我想要先弹确认框再打开文件选择 ...
mapbox创建自定义marker图标绑定弹框展示信息
/*** 创建自定义marker图标绑定弹框*/let carMarker = [];//存放marker图标for(let m= 0;m<gpsInfoList.length;m++){let ...
vue 定义全局弹框_用vue/react写一个全局提示弹框
vue的实现方法 1.写一个Toast组件 Toast.vue {{title}} {{content}} {{btn}} export default { name: "Toast&quo ...
vue通过js里调用定义弹框
定义弹窗register.vue <template><el-dialog title="注册信息" :visible.sync="dialogVisi ...
uni-app二维码生成，点击按钮弹框展示二维码
uni-app二维码生成,点击按钮展示二维码文章 uni-app二维码生成,点击按钮展示二维码前言一.首先我用的是HBuilderX,新建uni-app项目二.使用步骤 1.先下载插件uQRC ...
vue懒加载对话框API封装技巧（项目必备技能，适用于各种需要懒加载动态展示的弹框组件）
懒加载对话框的方式做到了在你调用弹框展示API的那一刻,才去加载对话框文件并最终显示弹框效果.它最大的意义在于减少了你初次进入页面时加载的文件资源请求量和大小(加载资源小了,网页加载速度自然就提升了) ...
前端学习（2687）：重读vue电商网站8之设置弹框提示组件
首先,在 element.js 中导入弹框提示组件,但是它的配置与其它组件不一样,它需要进行全局挂载. 全局导入后,我们就可以在我们的登录组件 login.vue 中通过 this来访问弹框提示组件了 ...
Vue 自定义一个全局弹框组件
前文:其实element ui有提供this.$mesage和this.$notify弹框组件可供使用,但是我们的ui设计的样式以及布局还是不完全一样的,为了达到100%的呈现效果,所以自己写了一个全 ...

vue字符串逗号切割并换行弹框展示

vue字符串逗号切割并换行弹框展示相关推荐

最新文章

热门文章