前端
文章平均质量分 50
LONGLONGAGO_RU
这个作者很懒,什么都没留下…
展开
-
适合后台管理系统开发的前端框架
后台管理系统框架原创 2019-04-09 10:15:17 · 663 阅读 · 1 评论 -
css 超出部分省略号显示
多行文本省略号显示 /*多行文本省略号显示*/ text-align: justify;/*文字右侧对其*/ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; /* autoprefixer: off */ -webkit-box-orient:vertical; /* a原创 2021-04-06 16:48:57 · 236 阅读 · 0 评论 -
el-table 记住选中状态
el-table 换页保持选中<el-table :row-key="(row) => row.id" ref="multipleTable" :data="tableData" @selection-change="handleSelectionChange" > <el-table-column type="selection" :reserve-selection="true"> </原创 2021-03-30 11:53:11 · 1047 阅读 · 0 评论 -
vue-cli3使用百度富文本编辑器
一、安装依赖npm i vue-ueditor-wrap# 或者 yarn add vue-ueditor-wrap二、下载ueditor并将其复制到Static目录下 如图所示:三、引入VueUeditorWrap组件import VueUeditorWrap from 'vue-ueditor-wrap' // 引入富文本组件components: { VueUeditorWrap}四、实例化、v-model绑定数据 <VueUeditorWrap v-model="原创 2020-12-30 16:26:49 · 1414 阅读 · 0 评论 -
js实现打印功能
function PdfPrintDiv() { //隐藏不想打印的部分 document.getElementById("id").style.display="none"; //实现打印 let bdhtml = window.document.body.innerHTML; //将dom元素转化为html let sprnstr = "<!--startprint-->"; let eprnstr = "<!--endprint--&原创 2020-12-16 16:11:47 · 448 阅读 · 0 评论 -
vue-cli3项目启动、打包批处理以及启动服务自动打开浏览器配置
前端项目启动和打包需要输入命令执行,可以使用批处理文件点击批处理文件就可执行命令,批处理文件是无格式的文本文件,它包含一条或多条命令。它的文件扩展名为 .bat 或 .cmd一:项目打包批处理文件1,在前端项目最外层见打包批处理文件build.bat2,在build.bat文件里面输入命令npm run build3,双击此文件即可自动打包,启动命令也可以按照打包.bat文件进行处理二:启动服务自动打开浏览器配置1,找到package.json文件2,找到配置项‘scripts’3,找原创 2020-09-04 10:25:46 · 1187 阅读 · 0 评论 -
css3 flex 详解,实现div内容水平垂直居中
flex一系列属性:一、flex-direction: (元素排列方向)※ flex-direction:row (横向从左到右排列==左对齐) ※ flex-direction:row-reverse (与row 相反) ※ flex-direction:column (从上往下排列==顶对齐) ※ flex-direction:column-reverse (与column 相反) 二、flex-wrap: (内容一行容不下的时候才有效)原创 2020-07-25 15:23:30 · 268 阅读 · 0 评论 -
vue集成汉字转拼音并提取首字母
此方法是利用汉字和Unicode编码对应找到相应字母一、编写汉字和编码文件对应的js; pyconst.js export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9...原创 2020-02-20 11:05:05 · 9441 阅读 · 3 评论 -
Vue 的身份证 手机号码 电话号码 邮箱等校验
一、编写汉字和编码文件对应的js; pyconst.js export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc...原创 2020-02-20 10:56:27 · 891 阅读 · 0 评论 -
vue登录页+验证码+MD5加密
一,验证码功能1,创建一个组件。显示验证码图片<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><...原创 2020-01-09 15:13:51 · 1495 阅读 · 1 评论 -
vuex中存储和获取后台数据
例,登录接口存储后台返回的数据1,定义登录接口函数2,在vuex的actions中定义函数import { login } from "../../api/login"const actions = { getLogin({ commit }, userInfo) { const { username, password } = userInfo return ne...原创 2019-12-30 11:37:34 · 3002 阅读 · 0 评论 -
vue限制输入框只能输数字且限制长度
<el-input maxlength="2" v-model="scope.row.score" placeholder="评分" @blur="inputBlur" @keyup.native="scope.r...原创 2019-11-22 14:22:39 · 3805 阅读 · 0 评论 -
vue table表格新增添加一行数据
表格样式并不能是难点 主要是点击新增按钮和删除按钮自增的编号的修改 <el-table :data="tableData" style="width: 100%" :header-cell-style="{background:'#3d80f2',color:'#fff',fontSize:'16px',height:'55px'...原创 2019-11-21 10:11:52 · 19204 阅读 · 0 评论 -
vue 在线答题功能
在线答题功能<!-- 考试 --> <div class="examination"> <ul v-for="(item,i) in examinationData" :key="i"> <div>{{i+1}}、{{item.question}}</div> <...原创 2019-11-21 10:01:06 · 5463 阅读 · 5 评论 -
element table表格点击单元格实现编辑
<el-table :data="dataDetail.judgmentLetterDets" :row-class-name="tableRowClassName" border style="width: 100%" max-height="500px" @cell-click="tabCl...原创 2019-11-13 18:00:05 · 6159 阅读 · 1 评论 -
vue中 js-cookie安装使用
一、安装npm install js-cookie --save二、引用import Cookies from 'js-cookie'三、一般使用1,存入// Create a cookie, valid across the entire site:Cookies.set('name', 'value');// Create a cookie that expires ...原创 2019-11-06 09:15:20 · 4878 阅读 · 1 评论 -
Vue、Element-ui项目中使用Iconfont(阿里图标库)
阿里图标库地址:https://www.iconfont.cn方法一,阿里文档地址https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code方法二:引用1, 先注册,再登录、找到图标管理、我的项目2,创建项目3, 创建项目1)、FontClass/Symb...原创 2019-10-25 15:53:30 · 548 阅读 · 0 评论