LONGLONGAGO_RU的博客

多行文本省略号显示 /*多行文本省略号显示*/ text-align: justify;/*文字右侧对其*/ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; /* autoprefixer: off */ -webkit-box-orient:vertical; /* a

el-table 换页保持选中<el-table :row-key="(row) => row.id" ref="multipleTable" :data="tableData" @selection-change="handleSelectionChange" > <el-table-column type="selection" :reserve-selection="true"> </

一、安装依赖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="

function PdfPrintDiv() { //隐藏不想打印的部分 document.getElementById("id").style.display="none"; //实现打印 let bdhtml = window.document.body.innerHTML; //将dom元素转化为html let sprnstr = "<!--startprint-->"; let eprnstr = "<!--endprint--&

前端项目启动和打包需要输入命令执行，可以使用批处理文件点击批处理文件就可执行命令，批处理文件是无格式的文本文件，它包含一条或多条命令。它的文件扩展名为 .bat 或 .cmd一：项目打包批处理文件1，在前端项目最外层见打包批处理文件build.bat2，在build.bat文件里面输入命令npm run build3，双击此文件即可自动打包，启动命令也可以按照打包.bat文件进行处理二：启动服务自动打开浏览器配置1，找到package.json文件2，找到配置项‘scripts’3，找

flex一系列属性：一、flex-direction: （元素排列方向）※ flex-direction:row （横向从左到右排列==左对齐）　　　　　　※ flex-direction:row-reverse （与row 相反）　　　　　　※ flex-direction:column （从上往下排列==顶对齐）　　　　　　※ flex-direction:column-reverse （与column 相反）　　　　　　二、flex-wrap: （内容一行容不下的时候才有效）

创建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

此方法是利用汉字和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...

一、编写汉字和编码文件对应的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...

一，验证码功能1，创建一个组件。显示验证码图片<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><...

例，登录接口存储后台返回的数据1，定义登录接口函数2，在vuex的actions中定义函数import { login } from "../../api/login"const actions = { getLogin({ commit }, userInfo) { const { username, password } = userInfo return ne...

<el-input maxlength="2" v-model="scope.row.score" placeholder="评分" @blur="inputBlur" @keyup.native="scope.r...

表格样式并不能是难点 主要是点击新增按钮和删除按钮自增的编号的修改 <el-table :data="tableData" style="width: 100%" :header-cell-style="{background:'#3d80f2',color:'#fff',fontSize:'16px',height:'55px'...

在线答题功能<!-- 考试 --> <div class="examination"> <ul v-for="(item,i) in examinationData" :key="i"> <div>{{i+1}}、{{item.question}}</div> <...

<el-table :data="dataDetail.judgmentLetterDets" :row-class-name="tableRowClassName" border style="width: 100%" max-height="500px" @cell-click="tabCl...

1，创建vue的左侧导航栏组件<template> <div> <!-- 根据实际情况做修改 --> <el-menu-item v-for="(item,index) in navlist" :key="index" v-if="item.adminMenu.menuType =='page'"...

一、安装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 ...

阿里图标库地址：https://www.iconfont.cn方法一，阿里文档地址https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code方法二：引用1， 先注册，再登录、找到图标管理、我的项目2，创建项目3， 创建项目1）、FontClass/Symb...

在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex ...

1、最直接整个页面重新刷新：location. reload()this.$router.go(0)2，新建一个空白页面supplierAllBack.vue，点击确定的时候先跳转到这个空白页，然后再立马跳转回来空白页supplierAllBack.vue里面的内容：3、provide / inject 组合 方式是我试过最实用的，下面用项目截图给大家说明下：首先，要修改下你的a...