vue
lhp_36kr
这个作者很懒,什么都没留下…
展开
-
vue常用校验工具类
/** * 邮箱 * @param {*} s */export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */export function isMob...原创 2019-10-15 13:19:22 · 1003 阅读 · 1 评论 -
element-ui的Notification在消息通知上添加按钮且点击之后关闭弹窗
下面这段代码是vue的methohs中某个方法的部分代码,作用在notifycation上添加按钮,在点击按钮之后实现路由跳转,同时关闭该消息弹窗let routeData = this.$router.resolve({ name: 'checkingIn', query: {gradeId: grade, curriculumId: curriculumId, lessonsId:...原创 2019-05-31 10:24:09 · 14098 阅读 · 3 评论 -
vue集成stompjs实现消息推送
1. 安装依赖npm install stompjs2. 在vue中使用2.1 在main.js中定义websocket连接地址: Vue.prototype.$globalWebsocketUrl= ws://localhost:8080/wisdom-classrome/webSocketServer2.2 在<script>标签中: import ...原创 2019-06-04 13:46:02 · 12128 阅读 · 0 评论 -
时间戳显示格式为几天前、几分钟前、几秒前及应用---vue过滤器
1.参考:https://www.cnblogs.com/shuihanxiao/p/9670854.html2. vue中添加filters:filters: { //时间戳显示格式为几天前、几分钟前、几秒前 getTimeFormat (valueTime) { if (valueTime) { // let newData = Date.parse(...原创 2019-06-25 17:11:01 · 1571 阅读 · 1 评论 -
vue 正则校验链接
1.<el-form :model="dataForm" :rules="rules" ref="dataForm" label-width="20px" @keyup.enter.native="dataFormSubmit()">2.export default { data () { let isTrueUrl = (rule, value, ca...原创 2019-07-16 10:34:55 · 4213 阅读 · 0 评论 -
Element-UI El-Table复选框分页记忆
转载:https://www.cnblogs.com/hcxy/p/9482762.html<template> <div class="table-demo"> <el-table ref="multipleTable" :data="rowData" tooltip-effect="dark" sty...原创 2019-08-15 09:46:35 · 1132 阅读 · 0 评论 -
element-ui el-table多选置灰
el-table多选置灰示例:1. el-table用法:<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-colum...原创 2019-08-11 14:50:22 · 5984 阅读 · 0 评论 -
vue使用vue-simple-uploader仅能选中一个文件上传
参考:https://github.com/simple-uploader/vue-uploader需求:项目中要求只能上传一个文件,这种场景通过代码已经实现了,但是点击选择文件按钮之后可以拉取多个文件造成多文件同时上传,如下图:解决办法:在 <uploader-btn :attrs="attrs" single>选择文件</uploader-btn>改行中添加...原创 2019-09-27 13:55:12 · 3293 阅读 · 4 评论