vuejs2.0
文章平均质量分 56
kingrome2009
成功与否,在于有没有强烈成功的欲望
展开
-
vue iview upload 本地上传 自定义action上传地址
vue iview 本地上传 自定义action上传地址原创 2021-08-15 14:56:16 · 1701 阅读 · 0 评论 -
vue datepicker 动态控制时分秒 当前时间以后可选
<DatePicker type="datetime" placeholder="启动时间" style="width: 300px" ref="DatePicker" @on-change="handleSendTime" format="yyyy-MM-dd HH:mm:ss" :options="optionsnewdates" :transfer ='true' :timePickerOptions="timePickerOptions"><.原创 2021-08-11 15:42:13 · 924 阅读 · 0 评论 -
vue json对象 转csv文件并下载 vue两种方法引入外部js
vue json对象 转csv文件并下载 vue两种方法引入外部js原创 2020-06-28 14:48:35 · 939 阅读 · 0 评论 -
vue FormItem 动态遍历多层prop绑定 编辑回填信息后新增删除操作页面不渲染
vue FormItem 动态遍历多层prop绑定 编辑回填信息后新增删除操作页面不渲染原创 2021-07-31 18:50:24 · 1010 阅读 · 0 评论 -
vue 使用updated生命周期 修改html
vue 使用updated生命周期 修改html原创 2020-01-23 15:13:02 · 376 阅读 · 0 评论 -
vue JavaScript iview blob下载
vue JavaScript iview blob下载 未完待续原创 2020-11-29 13:52:30 · 171 阅读 · 0 评论 -
vue iview 前端集成 滑块验证码,通过拖动滑块完成校验支持PC端及移动端
由于项目时间紧迫,没有详细查看文档导致出现以下问题:打开页面,使用键盘复制后,在使用本插件复制失效,注意不是失败。复制成功后格式不正确,本该有的换行没有了data-clipboard-text 很重要,必填项!解决方案如下: 复制文本到剪贴板应该不难。它不需要几十个步骤来配置或加载数百个KB。但最重要的是,它不应该依赖于Flash或任何臃肿的框架。这就是为什么clipbo原创 2018-01-24 17:23:11 · 4359 阅读 · 0 评论 -
vue JavaScript iview 基于后端接口实现前端模糊搜索 前端分页 实现简单的前端分页功能
基于后端接口实现前端模糊搜索getData(filter) { const params = Object.assign({}, filter); params.product_name__in = this.dataItem.product_list.join(","); this.loading = true; this.dataList = []; if (this.dateArr.length > 0) { par原创 2020-09-13 14:19:59 · 542 阅读 · 0 评论 -
vue2.0 iview2.0+ Table 表格自定义封装 动态配置columns 按照顺序展示
common-content为最外层的盒子,paging组件一看就是管理分页的组件,把封装好的table-list当作slot插槽看一下table-list的配置项: isCheckbox 是否显示Checkbox height 表格的高度 columnObject 每一列的数据对象 checkArray 表头的数组 fixedOrder 用来固定顺序的 表头数组<div class="common-content"> <paging ref="paging.原创 2020-07-18 18:54:18 · 3485 阅读 · 0 评论 -
vue+iview+echarts 实现报表 图表
/src/assets/echartsconfig.jsconst options = { title: {}, tooltip: { trigger: 'axis', padding: 15, textStyle: { color: '#686f79', fontSize: 12, fontFamily: 'Microsoft...原创 2020-04-08 16:57:07 · 3291 阅读 · 0 评论 -
Vue 递归组件实现树结构封装 开源
<!-- checkbox.vue --><template> <label> <span> <input type="checkbox" :disabled="disabled" :checked="currentValue" @change="chan...原创 2020-01-23 15:17:00 · 479 阅读 · 0 评论 -
vue 查找组件 搜索组件封装
// 由一个组件,向上找到最近的指定组件function findComponentUpward (context, componentName) { let parent = context.$parent; let name = parent.$options.name; while (parent && (!name || [componentName].in...原创 2020-01-23 15:08:10 · 2430 阅读 · 2 评论 -
vue js deepCopy 深度拷贝 深拷贝
vue 组件精讲原创 2019-12-09 11:50:30 · 2604 阅读 · 0 评论 -
iview1.0结合vue1.0 js拼接JSON串、拼接复杂字符串、标签重复添加
自定义vue树结构、检查标签是否重复添加、遍历数组每一项都满足条件原创 2019-10-26 14:35:17 · 538 阅读 · 0 评论 -
webpack和vue 工程化
随着模块化开发的普及,项目功能需求不断增加,Webpack已成为项目开发的标配,能够大大提高你的开发效率,下面整理了关键的两个文件,还在优化中,仅供参考{ "name": "demo", "version": "1.0.0", "description": "this is a ob原创 2018-09-24 17:28:04 · 2260 阅读 · 0 评论 -
vue2 上传图片到七牛云项目实战----权威独一份
最近在使用 vue2.0开发网页 其中涉及到 选择图片的操作,故整理了如下实例安装 npm install –save jquery main.js======引用======import $ from ‘jquery’原创 2017-05-14 15:29:08 · 7349 阅读 · 0 评论 -
Vue.js 自学教程 API web商城实例
vue主要功能模块渲染模板化扩展功能指令与事件的区别你看到的 v-bind 特性被称为指令——v-on 事件监听器项目结构暗示计算属性缓存 vs 方法<p>Reversed message: "{{ reversedMessage() }}"</p>// 在组件中methods: { rever...原创 2018-02-22 20:07:26 · 7536 阅读 · 0 评论 -
vuejs2.0 购物车数量增减 类radio单选框
主要讲解 购买数量 选择 以及 有效时间选择 模块数量增减 主要涉及到 最小最大范围 以及手动输入 只能输入数字的计算有效时间选择 模块类radio 单选框 比较简单 监控当前选中的index父组件<div class="sales-board-line"> <div class="sales-board-line-le...原创 2018-04-07 16:53:47 · 1632 阅读 · 0 评论 -
vuejs2.0 选项卡效果 类 tab插件
页面分为 左右两部分 左边就是选项 右侧通过router-view 动态加载相应的模块如何 实现 最上面图片 根据路由跳转实现 动态切换 ?&lt;template&gt; &lt;div class="detail-wrap"&gt; &lt;div class="detail-left"&gt;原创 2018-04-07 17:01:38 · 1494 阅读 · 0 评论 -
vuejs2.0 vue-admin-cms
Lodash 是一款非常知名的 JavaScript 工具库,能够让开发者十分便捷地操纵数组和对象。我则是非常喜欢用它提供的函数式编程风格来操作集合类型,特别是链式调用和惰性求值。然而,随着 ECMAScript 2015 Standard (ES6) 得到越来越多主流浏览器的支持,以及像 Babel 这样,能够将 ES6 代码编译成 ES5 从而在旧浏览器上运行的工具日渐流行,人们会发现许多 L...原创 2018-04-22 13:53:43 · 2017 阅读 · 0 评论 -
vuejs input只能输入数字 小数点只保留2位 限制不能输入空格
<input type="text" v-model="a" @input="change(a)" />原创 2018-04-22 14:12:51 · 1246 阅读 · 0 评论 -
vuejs 贴合官方文档 源码分析
谈谈Vue中的MVVM模式MVVM全称是Model-View-ViewModel Vue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦创建绑定,DOM和数据将保持同步。 ViewModel是Vue的核心,它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTML元素可以是body,也可以是某个id所指代的元素。 DOMListeners和Data...原创 2018-05-30 16:53:44 · 2408 阅读 · 0 评论 -
Vue3 与 Vue2 官方文档解读
性能优化,是每一个开发者都会遇到的问题,特别是现在越来越重视体验,以及竞争越来越激烈的环境下,对于我们开发者来说,只完成迭代,把功能做好是远远不够的,最重要的是把产品做好,让更多人愿意使用,让用户用得更爽,这不也是我们开发者价值与能力的体现吗。原创 2018-06-01 18:44:22 · 10429 阅读 · 1 评论 -
vuejs2.0 文章书籍标引标记、鼠标开始结束下标获取、截取文章(基础版)
尽情期待。。。原创 2018-07-01 20:40:05 · 385 阅读 · 0 评论 -
vuejs2.0 高级实战 全网稀缺 音乐WebAPP
dependencies:应用能够正常运行所依赖的包。这种 dependencies 是最常见的,用户在使用 npm install 安装你的包时会自动安装这些依赖。devDependencies:开发应用时所依赖的工具包。通常是一些开发、测试、打包工具,例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包,用户在使用 npm install 安装你的包时也不会安装这些依赖。index.htmlAPP.vuejsonp原理它发送的原创 2018-06-27 21:02:50 · 4782 阅读 · 4 评论 -
Javascript json动态生成表单
JSON.stringify(mock,null,4).toString()格式化json格式在页面输出,这个form-create是一个开源框架/*! form-create v1.3 | github https://github.com/xaboy/form-create | author xaboy */<!DOCTYPE html><html lang="en...原创 2018-10-09 15:38:52 · 4203 阅读 · 0 评论 -
vue 拖拽进度条滑动组件 横向竖向滑动插件
vue 拖拽进度条滑动组件 横向竖向滑动插件原创 2019-07-14 09:32:28 · 6030 阅读 · 0 评论