web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程

当前位置: 建站教程 > vuejs >

element组件有哪些你不知道的全局定义方法

162 ℃

下面web建站教程为大家介绍一下element组件有哪些你不知道的全局定义方法

功能介绍:想定义一些全局变量,不想在没个页面都都加一些相同的参数,比如当内容过长被隐藏时显示设置show-overflow-tooltip

把下面全部方法引入main.js

//点击遮罩层是否关闭Dialog
ElementUI.Dialog.props.closeOnclickModal.default = false;

全局去除dialog关闭按钮
ElementUI.Dialog.props.showClose.default = false

//按esc键是否关闭Dialog
ElementUI.Dialog.props.closeOnPressEscape.default = false

//Dialog是否在body里追加
ElementUI.Dialog.props.modalAppendToBody.default = false;

//分页默认
ElementUI.Pagination.props.layout.default="prev, pager, next, jumper";
ElementUI.Pagination.props.pageSize.default=10;

// table th和td居中
ElementUI.TableColumn.props.align={type:String, default:"center"};
ElementUI.TableColumn.props.headerAlign={type: String, default: "center"};

//table td文本过长隐藏显示...
ElementUI.TableColumn.props.showOverflowTooltip ={type:Boolean, default: true}

Vue.use(ElementUI)

vuejs前进刷新,后退缓存功能介绍

element-ul中MessageBox弹框把取消和关闭独立开

el-transfer穿梭框功能(可搜索、可全选)

ElementUI全局修改el-message停留时间

上面是“element组件有哪些你不知道的全局定义方法”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_2281.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

v-html过滤标签

用v-html显示文章内容,如何过滤文章中的img标签,其实方法很简单,只要写个方法就可以了!

代码如下:

v-html="htmlFormat(item.html)"

方法如下:

methods: {
   htmlFormat(value) {
	if (!value) return ''
	value = value.replace(/<p[^>]*?><img[^>]*?><\/p>/g,'')
	return value
   }
}
点击阅读全文
上一篇:el-dialog定义了一个参数实现弹窗可拖动
下一篇:vue-cli脚手架卸载与安装代码总结