vue
文章平均质量分 69
coder阿龙
这个作者很懒,什么都没留下…
展开
-
Vue基于DataV优化样式滚动表格(dv-scroll-board)
效果代码<template> <div> <dv-scroll-board :config="config" style="width: 800px; height: 220px" /> </div></template><script>export default { /** * header = [{value:label}] * data = [{对象}] */ props:原创 2021-12-28 17:03:15 · 9472 阅读 · 0 评论 -
[第二个开源项目]2个小时撸了个vue3+elementui+less的后台管理项目
项目地址https://github.com/18696232390/cxl-vue-template点击跳转????cxl-vue-template???? 基于Vue3+elementUI-Plus+TypeScript+Axios+MetroUI+Less自用快速开发vue项目的模板安装使用git clone https://github.com/18696232390/cxl-vue-template.gitcd cxl-vue-templatenpm installnpm run原创 2021-04-24 16:47:39 · 327 阅读 · 2 评论 -
echarts饼图label溢出问题解决方案
在option里面,找到series.label属性,添加如下 position:'outer', alignTo:'edge', margin:10即可原创 2020-07-15 16:16:00 · 20928 阅读 · 4 评论 -
基于Vue实现验证码
文章目录1.效果2.代码2.1 创建js组件内容2.2 登录页面2.2.1 引入组件2.2.2 定义验证对象2.2.3 初始化节点2.2.4 验证输入的是否正确3.全部页面代码1.效果2.代码2.1 创建js组件内容(可直接粘贴过去,需要改宽度和高度,修改_init方法中的宽和高)function GVerify (options) { // 创建一个图形验证码对象,接收opt...原创 2019-12-01 00:00:17 · 1790 阅读 · 2 评论 -
Vue基于Quill-Editor富文本实现去除HTML标签功能
文章目录效果预览前端代码js提交时点击图标效果预览这里尝试过自定义富文本toolbar,不过没有用,时间成本上解决,使用了自定义的方法,简单易懂前端代码import { quillEditor } from "vue-quill-editor"; //调用编辑器components: { quillEditor,},<div class="edit_contain...原创 2019-06-19 14:29:12 · 9878 阅读 · 2 评论 -
[记错]vue使用eval方法报错:Uncaught (in promise) SyntaxError:Unexpected end of input
网上我也看了一堆博客,都是一个问题,说没有写结尾(),我的代码如下:前端输出都可以输出的没问题,为什么说这个错误呢?问题在于,拼接了三个动态参数这三个动态参数可能为空字符串,虽然我做了不等于undif的判断,不过还是没用如果是前两个是空窜,会报错Uncaught (in promise) SyntaxError: Unexpected token "."那么,解决方案来了采用...原创 2019-06-04 15:34:26 · 15202 阅读 · 0 评论 -
Vue基于ElementUI实现Table首行固定
.el-table--scrollable-x .el-table__body-wrapper { overflow: scroll !important; height: 29rem !important;}加上这句话,完事原创 2019-06-26 09:45:05 · 9721 阅读 · 16 评论 -
Vue基于JavaScript根据日期判断是星期几
方法getWeekDay(date){ var week; if(date.getDay()==0) week="周日" if(date.getDay()==1) week="周一" if(date.getDay()==2) week="周二" if(date.getDay()==3) week="周三" if(date.getDay()==4) ...原创 2019-06-26 17:32:19 · 5725 阅读 · 3 评论 -
Vue的Watch事件-如何监听对象的属性(字段中间带有点)
正常监听一个属性的字段<script> window.custFormComponentMixin ={ data: function () { return {"test":"helloWorld"}; }, watch:{ 你的属性:(a,v){ console.log("...原创 2019-07-17 16:04:02 · 1829 阅读 · 0 评论 -
Vue基于ElementUI实现Table可编辑/添加功能
文章目录效果预览前端代码添加和修改的js效果预览前端代码 <el-table ref="singleTable" :data="dataList" border="" v-loading="dataListLoading" @selection-change="selectionChangeHandle" style="width: 100%;"> <el-ta...原创 2019-06-19 13:45:22 · 8039 阅读 · 4 评论 -
【小技巧】外部js 通过url的数据 赋值给Vue表单
环境 vue + jquery文章目录1.获取url数据的方法2.配置3.内容渲染4.封装参数5.执行注意,千万不要用jquery的选择器去替换,否则替换失败,必须要用原生的h5选择器!1.获取url数据的方法//获取url参数function getUrlParam() { //取参数 var url = window.location.search; //定义一个空对象 var...原创 2019-05-29 14:16:01 · 1049 阅读 · 0 评论 -
vue整合ECharts
1.使用npm添加package.json文件中的配置并下载相关npm包依赖npm install echarts --save 2.然后在项目文件的入口js文件main.js中添加import echarts from &quot;echarts&quot;3在需要添加图标的组件中创建依赖的实例var echarts = require('echarts');main.js // The ...原创 2018-12-28 23:49:17 · 1133 阅读 · 3 评论 -
vue中Promise对象用法
Promise.all([ 需要异步一起执行的方法]).then(res=&gt;{ res里面存放的是数组,上面有多少个方法就有多少个index,每个index是上面对应的方法的返回值})实战//获取列表 getDataList(){ Promise.all([ this.searchEquipmentList(), this.getEquipm...原创 2019-01-01 09:38:41 · 9734 阅读 · 0 评论 -
npm如何指定为淘宝源
在安装node的环境下执行$ npm config set registry https://registry.npm.taobao.org/执行下面的命令,确认是否切换成功。$ npm config get registry原创 2019-01-22 19:55:49 · 4475 阅读 · 0 评论 -
在Canvas上进行标注和自适应分辨率获取标注的绝对精准坐标并完成标注的增删改查
文章目录1.在canvas上进行标注1、首先先获取鼠标的x,y2、鼠标移入canvas后,鼠标变成标注icon3、点击canvas后,进行标注4、取消绘制2.删除标注1、渲染一个删除按钮在每个标注上1.在canvas上进行标注连接后台,需要有添加标注的后端接口1、首先先获取鼠标的x,y // 获取X 和 Y windowToCanvas(canvas,x,y){ ...原创 2019-03-05 10:04:29 · 2998 阅读 · 3 评论 -
Vue-ElementUI框架-日期格式化 [时间戳 -> yyyy-MM-dd hh:mm:ss]
遇到这种问题,先在后端做一下转换本例后端为SpringBoot项目在实体类的属性上加例如@JsonFormat(pattern="yyyy-MM-dd hh:mm:ss",timezone = "GMT+8")private Date createDateTime; // 创建时间如果还不行,就在前端加,创建一个日期工具jsvar dateUtil = (function() {...原创 2019-05-14 17:46:48 · 4437 阅读 · 0 评论 -
Vue-ElementUI框架-区间日期控件回显并提交 [时间戳->Date对象]
文章目录页面A页面B需求vue代码页面A页面B页面A页面B需求勾选页面A,点击修改,弹出页面B,日期回显至控件里面vue代码页面A // 打开修改弹框 editHandle() { //传递数据 var data = this.dataListSelections[0]; let time1 = new Date(data.dateFrom); ...原创 2019-05-14 17:55:34 · 3918 阅读 · 2 评论 -
vue-quill-editor如何把图片上传到服务器里面
默认vue-quill-editor上传之后是转成base64更多干货,关注微信公众号废话少说,代码你需要一个工具js/*富文本编辑图片上传配置*/const uploadConfig = { action: 'common.uploadfile.single', // 必填参数 图片上传地址 methods: 'POST', // 必填参数 图片上传方式 token: '', ...原创 2019-05-24 17:03:09 · 4006 阅读 · 9 评论 -
vue整合vue-quill-editor富文本插件并上传图片至服务器
文章目录1.安装2.使用3.配置上传到服务器4.测试1.安装npm install vue-quill-editor --save在main.js里面去引用import Vue from 'vue'import VueQuillEditor from 'vue-quill-editor' // require stylesimport 'quill/dist/quill.core...原创 2019-05-28 15:25:44 · 1445 阅读 · 2 评论 -
VueJS从url中两种取值方式
两种取值方式第一种 this.$route.params.lib_id第一种是用于以下情况&lt;router-link :to="'/goodsinfo/'+ subitem.artID" class=""&gt; &lt;div class="img-box"&gt; &lt;原创 2018-12-28 23:47:55 · 4023 阅读 · 0 评论