vue 实例代码
web前端执行者
这个作者很懒,什么都没留下…
展开
-
vue 开发拖拽签章功能。 主要应用,pdf 合同 盖章, 文件水印, 图文打码
实现原理)通过拖拽功能实现 (主要vue代码,通过后台将pdf转换 统一格式的图片,前端分页 再不同页面添加签章。)签章 使用draggable="true" @dragstart="drag($event)"签章容器 使用@drop="drop($event, docindex+1)" @dragover="allowDrop($event)"本源码实现是pdf ...原创 2019-06-14 14:50:19 · 9396 阅读 · 12 评论 -
vue 表单封装(利用iview自带组件)
实战代码功能如下1.inputNumber 数字框 千分位和小数点 处理。(详细功能会另起文章)2.AutoComplete 和select 框的联动处理3. 弹框功能和弹框表单4.动态添加表单字段5.实战富文本编辑器另起文档说明。封装目的和解决痛点,表单字段 10几个20个时候,需要人为的不断拷贝和添加 相同的代码 特别是iview 冗余代码会非常多,ht...原创 2019-06-14 15:32:10 · 3865 阅读 · 1 评论 -
vue实战系列---------from 表单封装之input实现数字框 的千分位和小数点输入。
核心思想A.利用失去焦点事件on-focus替换千分位符号this.formInfoData[name] = this.formInfoData[name].replace(/\,/g, '')B.利用 验证绑定的事件处理数字(处理数字 功能有待完善,因不支持负数, 精度不够,jstoFixed方法 对于数字精度处理有问题) 呵呵呵哒 主要是思想和应用 ,具体数字处理...原创 2019-06-14 16:02:32 · 3675 阅读 · 0 评论 -
vue实战----富文本编辑器。Tinymce
Tinymce 如何嵌入vue 不说了代码核心是对Tinymce 默认功能封装。 此篇文件 主要是针对富文本编辑器的样式改造和 一个拓展按钮功能实现Tinymce 很强,他有丰富的APi和对用户开放的接口我们可以通过对外开放接口 定制自己需要的功能。直接上代码使用代码引入import Tinymce from '@comp/widgets/TinymceVue'...原创 2019-06-14 16:21:21 · 934 阅读 · 0 评论 -
vs code 首选项设置
安装完vscode 需要安装辅助插件,根据自己需求和需要来确定(eslint 必须安装。) 选择 文件----首选项 ------ 设置 用户设置打开 settings.json 插入如下代码 ,重新启动vscode 完成。{ "eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate...原创 2019-07-15 09:10:47 · 8465 阅读 · 0 评论 -
vue 巧妙渲染动态表格。
渲染核心组件,代码如下<template> <div> <table border="0" cellpadding="0" cellspacing="0" class="itemList"> <template v-for="(itemCol, indexCol) in colList"> <tr ...原创 2019-07-15 10:41:26 · 3668 阅读 · 0 评论