qq_37916164的博客

注：要看看按钮的文字是不是在span标签内，如果button里没有span标签就直接evt.target.blur()Element中的el-button按钮点击之后按钮的状态会一直存在，如果想取消需手动触发；

sm-crypto是国密算法sm2、sm3和sm4的js版什么是国密？国密算法是国家密码管理局制定的自主可控的国产算法，包括SM1、SM2、SM3 、SM4、SM7、SM9、祖冲之密码算法（ZUC)等。在金融领域目前主要使用公开的SM2、SM3、SM4三种商用密码算法，分别为非对称加密算法、哈希算法和对称加密算法。

message比较特殊，不能使用 Vue.use(message)把这行删掉，就不会弹出空的message dialog；按需易用配置如下，一开始模仿其他组件进行装按需引用，

1.启动的本地服务访问接口总是报 431 Request Header Fields Too Large 错误，看 network 请求，连发送都没发送给服务端就报错了，查了查发现 nodejs 升级之后header默认大小改为了 8KB，token根据账号权限生成，这个header大小是不受限制的，有可能就超过了8k，那就一直请求不通。2：windows 在node_modules/.bin/webpack-dev-server.cmd 打开node_modules文件夹下的第一个。

【代码】vue中RSA加密。

该方法使用 "A-Z", "a-z", "0-9", "+", "/" 和 "=" 字符来编码字符串。方法用于创建一个 base-64 编码的字符串，接收一个字符串作为参数。对应的，atob() 方法用于解码使用 base-64 编码的字符串。atob() 方法接收一个通过 btoa() 方法编码的字符串.,不过如果你的页面中有很多地方都有用到加密解密，你也可以在。一般是在处理登录请求的页面引入。（1）在单个页面引入。

需求: 阻止element组件中的复制粘贴功能实现思路: 组件是由外层和内层的组成的, 根据浏览器的事件传递机制(先捕获,后冒泡): 粘贴的时候会先执行绑定在外层div上的paste事件捕获方法, 然后再到内层的input, 因此可以在组件上捕获监听paste事件, 并阻止向下传播即可事件修饰符说明:native: 表明这个是dom的原生事件,如果不加native, vue会认为paste是一个自定义事件,必须要在组件内手动触发, 那么在粘贴的时候自然就不会触发了capture: 表明这个方法在捕

方法1：首先配置vue.config.js文件

elementUI 表格span-method属性实现相同数据合并

Table 表格相关1.设置表格el-table表头的颜⾊：header-cell-style 可以修改背景及其他<el-table :data="tableData" :header-cell-style="{background:'#000', color:'#fff'}" >2.设置某⼀列的字段字体颜⾊⽅法1： :cell-style="setCellColor"<el-table :data="tableData" :cell-style="setCell...

一，cookie的使用1，首先加载模块npm i js-cookie -S2，在使用cookie的页面上进行引入import Cookies from 'js-cookie'3，使用方法创建一个在整个网站上有效的CookieCookies.set('name', 'value');创建一个从现在起7天后过期的cookie，在整个站点上有效：Cookies.set('name', 'value', { expires: 7 });创建一个过期的cookie，.

如表格使用render-header内容过多 使用“\n 或 <br/>”换行无效render-header 列标题 Label 区域渲染使用的 Function white-space的值：normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的<pre> 标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br>标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。

1、Vue的优点？Vue的缺点？优点： 渐进式 组件化开发 虚拟dom 响应式数据 单页面路由 数据与视图分开 缺点： 单页面不利于seo 不兼容IE 首屏加载时间长 2、为什么说Vue是一个渐进式框架？Vue的全家桶，你可以选择不用，或者只选几样去用，比如不用vuex3、Vue跟React的异同点？相同点： 都是单向数据流 都使用了虚拟DOM的技术 都支持SSR ..

示例效果如下：1）：安装sortable.js插件npm install sortablejs2）：示例代码<template> <div> <el-table :data="tableDatas" ref="singleTable" highlight-current-row border row-key="id" class="load_table"> <el-table-column prop="id" w..

效果图：需求如下：1、只存在年份区间选择，不需要月和日期2、初始年份定位到可选年份区间，而不是系统默认时间 <a-form-model-item label="年份" class="ele-input"> <el-date-picker v-model="curStartYear" type="year" :picker-options="startPickerOptions" .

是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。每个MIME类型由两部分组成，前面是数据的大类别，例如声音audio、图象image等，后面定义具体的种类。常见的MIME类型(通用型)：超文本标记语言文本 .html text/htmlxml文档 .xml text/xmlXHTML文档 .xhtml application/xhtml+xml普通文本 .t

首先在axios.post的请求中把默认的 " responseType:‘json’ " 改为" responseType:‘blob’// 接口请求成功后letblob =newBlob([res.data], {type:"application/vnd.ms-excel"});// res是接口返回的文件流letobjectUrl = URL.createObjectURL(blob);window.location.href = objectUrl;注...

table自带合并属性：rowSpan和colSpan，所以合并表头获取所有的表头单元格，针对性的对需要合并的单元格进行操作如想要合并的是第二列和第三列，那么我们先获取到所有的表头，然后将第二列表头的colSpsn设为2，将第三列表头的display设为none。data() { tableData: [ { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 ..

<el-button @click="getTime(1)">昨天</el-button> <el-date-picker v-model="dateRange" type="datetimerange" align="center" unlink-panels range-separator="至" value-format="yyyy-MM-dd HH:mm:ss" start-placeholde.

<el-table ref="goodOrder" :data="goodOrder" :row-key="getRowKeys" v-loading="loadingGoodOrder" border @row-click="toggleSelection" @selection-change="handleSelectionChange"> <el-table-column type="selection" :reserve-selection="true" fixed h.

示例代码如下：:remote-method="getSupplierList" 绑定一个方法名，实时传递输入框内参数到方法内<el-select v-model="scope.row.supplierId" placeholder="请选择" filterable remote :remote-method="getSupplierList" @focus="eqNoClick"> <el-option v-fo

reserve-selection仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key）<el-table :data="buyerTable" :row-key="getRowKey" ref="buyerTable" @selection-change="handleSelectionChange" border> <el-table-co.

点击按钮控制表格展开隐藏<el-table :data="locationInfoList" ref="locationInfoList" row-key="id" fit stripe class="locationInfoList"> <el-table-column label="编号"> <template slot-scope="scope"> <el-input placeholder="编号" v...

效果图如下：示例代码如下：<div class="table-wrapper"> <div class="button" style="float:right;margin-bottom:10px;"> <el-button size="small" @click="addTable">新增</el-button> <el-button size="small" @click="delTable"&g.

可通过props.multiple = true来开启多选模式;

vue组件通信

vue中实现拖拽调整顺序功能

// 使用summary-method 自定义的合计逻辑。主要是为了显示订单合计金额，并过滤不需要合计的列 getSummaries(param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { // 第一列 显示文字 小计 if (index === 0) { sums[ind.

效果图如下：级联下拉框报错信息：Error in callback for watcher "value": "TypeError: Cannot read property 'level' of null"解决办法：添加key 对级联选择器进行二次封装

解决办法：添加key 对级联选择器进行二次封装

<el-form-item label="请选择：" prop="region"> <div style="display: flex;justify-content: space-between;margin-bottom: 16px;" v-for="(i, index) in model.region" :key="index"> <el-select v-model="i.title" style="width: 150px;"> .

<el-form-item label="加工工艺："> <el-select placeholder="请选择加工工艺" multiple style="width:100%" v-model="queryParams.craftId" size="mini" @change="processingTechnicSelect"> <el-.

使用pc版微信内置浏览器打开公司后台管理系统，表格横向滚动条出现了三秒左右就隐藏了，影响表格横向滚动查看更多数据；可点击鼠标滚动齿轮进行横向滚动； 通过以下样式重绘滚动条；...

方法一、只能输入数字，保留3位小数<el-input v-model="weightTotal" type="number" :min="0" oninput="value=value.indexOf('.') > -1?value.slice(0, value.indexOf('.') + 3):value"></el-input>方法二、不足3位小数，自动补0<el-form-ite..

方法1：图片同源（访问的网站域名与服务器域名一致）才能下载方法2：图片不同源下载

1：安装依赖 xlsx 和 file-savernpm install --save xlsx file-sav2：页面引入import FileSaver from 'file-saver'import XLSX from 'xlsx'3：methods中引入方法注：el-table使用了fixed属性来让某一列固定el-table__fixed-right是固定列（操作列）的类名 exportTable是el-table的id名称exportExcel(){ ..

<el-table-column label="供应商" width="200" header-align="center" align="center"> <template slot-scope="scope"> <el-select v-if="tabClickId == scope.row.procurementId" v-model="scope.row.supplier" .

因组件中的名称用到了vue或标签的“关键字”比如用到了line，input，select等作为vue组件的名字；只需把引入组件的名称修改为除关键字外的名称即可

提示安装：npm install --save font-awesome然后在main.js文件中写入import 'font-awesome/css/font-awesome.css'

在HBuilder X新建一个element-starter项目运行npm运行–运行到内置浏览器，就可看到内容了现在来进行配置路由route项目结构如下：route.js代码：import Index from '../pages/index/index.vue'; const routes = [ { path: '/', component: Index }, ];export default routes;App.vue代码：<template> &lt