LONGLONGAGO_RU
码龄6年
关注
提问 私信
  • 博客:268,898
    268,898
    总访问量
  • 48
    原创
  • 1,010,555
    排名
  • 30
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:北京市
  • 加入CSDN时间: 2018-07-05
博客简介:

LONGLONGAGO_RU的博客

查看详细资料
个人成就
  • 获得84次点赞
  • 内容获得63次评论
  • 获得405次收藏
  • 代码片获得1,085次分享
创作历程
  • 2篇
    2021年
  • 8篇
    2020年
  • 24篇
    2019年
  • 14篇
    2018年
成就勋章
TA的专栏
  • 前端
    17篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6前端框架
  • 后端
    node.js
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

css 超出部分省略号显示

多行文本省略号显示 /*多行文本省略号显示*/ text-align: justify;/*文字右侧对其*/ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; /* autoprefixer: off */ -webkit-box-orient:vertical; /* a
原创
发布博客 2021.04.06 ·
257 阅读 ·
0 点赞 ·
0 评论 ·
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 ·
1072 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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 ·
1448 阅读 ·
0 点赞 ·
0 评论 ·
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 ·
469 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue-cli3项目启动、打包批处理以及启动服务自动打开浏览器配置

前端项目启动和打包需要输入命令执行,可以使用批处理文件点击批处理文件就可执行命令,批处理文件是无格式的文本文件,它包含一条或多条命令。它的文件扩展名为 .bat 或 .cmd一:项目打包批处理文件1,在前端项目最外层见打包批处理文件build.bat2,在build.bat文件里面输入命令npm run build3,双击此文件即可自动打包,启动命令也可以按照打包.bat文件进行处理二:启动服务自动打开浏览器配置1,找到package.json文件2,找到配置项‘scripts’3,找
原创
发布博客 2020.09.04 ·
1209 阅读 ·
0 点赞 ·
0 评论 ·
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 ·
291 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue后端返回路由表来进行权限管理,加载指定路由结构,不包含则不加载

创建vue项目,配置环境变量,后续需要用到。这里只配置生产环境和开发环境。一、项目根目录创建  .env.production  文件NODE_ENV=productionVUE_APP_URL=http://456.com二、项目根目录创建  .env.development  文件NODE_ENV=developmentVUE_APP_URL=http://123.comsrc目录下创建router文件夹,index文件中的内容为import Vue from 'vue'impor
原创
发布博客 2020.07.25 ·
1432 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

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 ·
9526 阅读 ·
2 点赞 ·
3 评论 ·
5 收藏

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 ·
903 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue登录页+验证码+MD5加密

一,验证码功能1,创建一个组件。显示验证码图片<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><...
原创
发布博客 2020.01.09 ·
1555 阅读 ·
2 点赞 ·
1 评论 ·
12 收藏

vuex中存储和获取后台数据

例,登录接口存储后台返回的数据1,定义登录接口函数2,在vuex的actions中定义函数import { login } from "../../api/login"const actions = { getLogin({ commit }, userInfo) { const { username, password } = userInfo return ne...
原创
发布博客 2019.12.30 ·
3037 阅读 ·
0 点赞 ·
0 评论 ·
9 收藏

vue限制输入框只能输数字且限制长度

<el-input maxlength="2" v-model="scope.row.score" placeholder="评分" @blur="inputBlur" @keyup.native="scope.r...
原创
发布博客 2019.11.22 ·
3828 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue table表格新增添加一行数据

表格样式并不能是难点 主要是点击新增按钮和删除按钮自增的编号的修改 <el-table :data="tableData" style="width: 100%" :header-cell-style="{background:'#3d80f2',color:'#fff',fontSize:'16px',height:'55px'...
原创
发布博客 2019.11.21 ·
19279 阅读 ·
8 点赞 ·
0 评论 ·
51 收藏

vue 在线答题功能

在线答题功能<!-- 考试 --> <div class="examination"> <ul v-for="(item,i) in examinationData" :key="i"> <div>{{i+1}}、{{item.question}}</div> <...
原创
发布博客 2019.11.21 ·
5492 阅读 ·
8 点赞 ·
5 评论 ·
36 收藏

element table表格点击单元格实现编辑

<el-table :data="dataDetail.judgmentLetterDets" :row-class-name="tableRowClassName" border style="width: 100%" max-height="500px" @cell-click="tabCl...
原创
发布博客 2019.11.13 ·
6235 阅读 ·
6 点赞 ·
1 评论 ·
34 收藏

vue 动态多级导航菜单

1,创建vue的左侧导航栏组件<template> <div> <!-- 根据实际情况做修改 --> <el-menu-item v-for="(item,index) in navlist" :key="index" v-if="item.adminMenu.menuType =='page'"...
原创
发布博客 2019.11.12 ·
3178 阅读 ·
0 点赞 ·
0 评论 ·
9 收藏

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 ·
4993 阅读 ·
1 点赞 ·
1 评论 ·
10 收藏

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 ·
571 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

vue.js中vuex的详解配置及模块化使用

在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex ...
原创
发布博客 2019.06.12 ·
1560 阅读 ·
2 点赞 ·
0 评论 ·
5 收藏

vue项目刷新当前页面(三种方法)总结

1、最直接整个页面重新刷新:location. reload()this.$router.go(0)2,新建一个空白页面supplierAllBack.vue,点击确定的时候先跳转到这个空白页,然后再立马跳转回来空白页supplierAllBack.vue里面的内容:3、provide / inject 组合 方式是我试过最实用的,下面用项目截图给大家说明下:首先,要修改下你的a...
原创
发布博客 2019.06.10 ·
952 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏
加载更多