
Vue初级
XLLcsdn
这个作者很懒,什么都没留下…
展开
-
element-ui多选框reserve-selection指定row-key保留数据更新之前的数据
element-ui多选框reserve-selection指定row-key保留数据更新之前的数据element-UI 的table表格数据有提供多项框的功能,只要在表格列中多加一列就可以选择表格的数据但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页也就是上一次请求的数据的选中状态就没有了.element提供了reserve-selection可以保存数据更新前选中的值,这个属性还需要指定row-key.先看下页面的效果:注意事项:具体.转载 2020-11-30 11:46:08 · 1430 阅读 · 1 评论 -
只能输入 数字/小数点的数字和金额校验
废话不多说-直接上代码<el-input v-model="obj.value" @blur="onBlur" @input="inputChanged"/> // 监听输入框事件 inputChanged($event) { this.onlyNumber()// 金额输入校验 }, // 失去焦点时 onBlur($event) { this.onlyNumber('blur')// 金额输入校验-规则 }.原创 2020-06-24 14:33:55 · 490 阅读 · 0 评论 -
vue项目中使用pdf.js预览pdf文件
项目要求需要预览pdf文件,网上找了很久,大多数都是推荐pdf.js,自己先了解了一下,最后决定用pdf.js,但是发现,在vue中使用这个很少!!!!!所以我就写这一篇帮助一下vue使用pdfjs的朋友!其实 这和前端框架无关的,直接使用pdf.js原生搜多了你就发现有几个封装pdf.js的vue组件,个人试验了其中一个,效果不是很好,所以,当然啊,用原生的是最好的啦!...转载 2020-03-22 18:09:08 · 927 阅读 · 0 评论 -
webpack 区分开发环境生产环境
https://www.cnblogs.com/dengyao-blogs/p/11598431.htmlhttps://blog.youkuaiyun.com/qq719756146/article/details/84984395转载 2020-02-24 22:44:35 · 208 阅读 · 0 评论 -
vue-pdf 解决签章不显示问题
打开node_modules\vue-pdf\src\pdfjsWrapper.js把这行注释掉annotationLayerElt.style.visibility = 'hidden';原创 2020-01-13 19:13:46 · 6810 阅读 · 5 评论 -
vue解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory如上图所示:频繁出现此种情况,项目太大,导致内存溢出,排除代码问题外,可参照以下方式解决第一步:全局安装 increase-memory-limitnpm install -g increase-me...转载 2020-01-10 13:33:17 · 1408 阅读 · 1 评论 -
lay-ui treeTable无限折叠
演示地址:https://whvse.gitee.io/treetable-lay/项目地址:https://gitee.com/whvse/treetable-lay转载 2019-11-11 19:02:31 · 339 阅读 · 0 评论 -
vue 效果大全各种动画及常用组件封装
https://github.com/opendigg/awesome-github-vue#%E5%BC%80%E5%8F%91%E6%A1%86%E6%9E%B6转载 2019-08-28 18:33:31 · 1627 阅读 · 0 评论 -
vue实现递归组件无限循环
https://github.com/xiaowenlong1022/vue-ZuJianDiGui原创 2019-08-11 13:48:25 · 2839 阅读 · 0 评论 -
js 整数不保留小数不是整数保留小数及四舍五入保留两位小数
<span>{{ Math.floor(scope.row.budgetAmount * 100) / 100 }}</span><span>{{ Math.round(scope.row.budgetAmount * 100) / 100 }}</span>//四舍五入并且保留两位小数原创 2019-07-27 14:24:41 · 3669 阅读 · 0 评论 -
vue+element-ui 实现 点击元素改变名称 移动元素位置改变动态数据位置 点击右键打开菜单实现,前移,后移,删除功能 下拉框点击打开新窗口选择数据更新
vue 实现 点击元素改变名称 移动元素位置改变动态数据位置 点击右键打开菜单实现,前移,后移,删除功能 下拉框点击打开新窗口选择数据更新,连接地址下载:https://github.com/xiaowenlong1022/elementPosition...原创 2019-06-28 00:52:24 · 2030 阅读 · 0 评论 -
element-ui文件上传-自己封装的
文件上传1。上传<template> <div class="collapseInfo"> <upload ref="upload" :on-change="changeFile" :on-...原创 2019-06-13 12:00:39 · 2916 阅读 · 0 评论 -
Vue 初级笔记
一,渐进式框架 1.vue 按需引入 mvvm module view view-module 数据驱动2. vue 模块化 什么是模块化开发 单页面应用 spa 路由3.模板输出 {{}} 可以进行简单的计算或者换算处理4.创建实例html:<div id="box"> ...原创 2018-10-30 08:46:03 · 283 阅读 · 0 评论 -
webpack安装及插件的安装引用
概念本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时,它会在内部创建一个依赖图(dependency graph),用于映射到项目需要的每个模块,然后将所有这些依赖生成到一个或多个bundle。首先安装 webpack如下所示cnpm i webpack webpack...原创 2018-11-01 18:40:50 · 935 阅读 · 0 评论 -
Vue vue-cli 安装
第一步,安装 vue-cli全局安装安装 vue-cli前先安装以下插件cnpm i webpack webpack-cli webpack-dev-server -g 好了在安装以下插件cnpm i vue-cli -gvue-cli有三个版本,分别为simple 简单的 webpack webpack版本 复杂的’ webpack-simple 中和 教程...原创 2018-10-30 20:08:14 · 153 阅读 · 0 评论 -
webpack loader插件
webpack Vue 的loader插件我所知道的有css的: rules: [ { test:/\.css$/, //css部分 use:[ {loader:'style-loader'}, {loader:'css-loader'}, ] } ]//下载cnpm i style-loader c...原创 2018-11-01 15:52:14 · 200 阅读 · 0 评论 -
Vue-cli 常用插件总结 vue-router vue-resource
vue-resourcevue-routervue的插件vue-resource 是Vue的ajax//mian.js import VueResource from 'vue-resource'//调用Vue.use(VueResource)//通知全局vue-router vue的路由直接在mian.js调用import Vue from 'vue...原创 2018-11-01 16:26:10 · 417 阅读 · 1 评论 -
Vue中如何使用axios
注意:Vue官方推荐的网络通信库不再是vue-resource了,推荐使用axios。 安装使用 npm:$ npm install axios2. 在入口main.js中导入axios 并将axios写入vue的原型,这样就能更简单的使用。import axios from 'axios'import Qs from 'qs'//QS是axios库中带的...原创 2018-11-01 17:18:46 · 270 阅读 · 0 评论 -
Element-ui input框效验
<template> <div class="info" <el-form :model="batch" :rules="rules" ref="batch"> <el-form-item label="审核意见:" prop="auditOpinion" class="auditOpinion" ref="auditOpinion"> ...原创 2019-04-15 12:50:27 · 5466 阅读 · 0 评论 -
element-ui excel表格导出
https://www.jianshu.com/p/6edf74f65fc1https://www.jianshu.com/p/1971fc5b97ca转载 2019-04-19 10:38:25 · 258 阅读 · 0 评论 -
vue-router 懒加载
https://blog.youkuaiyun.com/qq_31001889/article/details/81032297转载 2019-05-11 01:27:47 · 157 阅读 · 0 评论 -
Vuex
一.安装Vuexnpm i vuex二.Vuex工作原理 ...原创 2019-05-11 04:12:42 · 181 阅读 · 0 评论 -
vuex中mapState、mapMutations、mapAction的理解
https://blog.youkuaiyun.com/wangguoyu1996/article/details/80573113转载 2019-05-11 04:23:20 · 475 阅读 · 0 评论 -
Vue 懒加载
https://blog.youkuaiyun.com/qq_31001889/article/details/81032297https://blog.youkuaiyun.com/dkr380205984/article/details/82426722https://segmentfault.com/a/1190000011519350转载 2019-05-11 04:27:27 · 204 阅读 · 0 评论 -
vue-resource
vue-resource安装使用npm或cnpm npm install vue-resource cnpm install vue-resource 使用命令符窗口进行安装,快捷键:window键+R;输入cmd确定 2.安装完后找到node_modules/vue-resource/dist/vue-resource.js...原创 2018-10-18 13:41:33 · 286 阅读 · 0 评论