
IVIEW
文章平均质量分 92
梦想 ~~ 真诚
这个作者很懒,什么都没留下…
展开
-
vue中使用axios给生产环境和开发环境配置不同的baseUrl
第一步:设置不同的接口地址找到文件:/config/dev.env.js代码修改为:var merge = require('webpack-merge')var prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"',<br> //添加 API_ROOT: '"//192.168.1.8/api"'})/config/prod.env.j转载 2020-09-16 10:40:25 · 1083 阅读 · 0 评论 -
VUE简单的定时器实时刷新
说明:我只是一个刚入门的小前端,你们可以指导我,但千万不要喷我,虽然我知道我很垃圾!人吗,都是要成长的!大佬,请多多指教!!!我前段时间刚刚写了一个类似余股票的项目,上边的K线图是要实时去刷新的,所以要用vue做一个心跳,当然大家也可以选择用websocket,大佬们感觉肯定很简单,但是我只是一个刚入门的小前端,特此记录一下。思路其实思路很简单,首先要了解vue的生命周期和vue的内置函数,其思路就是先定义一个定时器,然后去定时请求后台,到最后关闭这个定时器,哈哈,是不是都是废话,但是确实如此,你们可转载 2020-09-10 15:13:04 · 1273 阅读 · 0 评论 -
vue 重塑数组之 修改数组指定index的值
vm.items[indexOfItem] = newValuevue不能检测数组的变动想要实现可以使用vue的set方法this.$set(this.items,indexOfItem,newValue);转载 2020-08-27 16:20:25 · 1006 阅读 · 0 评论 -
iview 可编辑表格实现
第一步,定义:<Form ref="formItem" :model="formItem" :rules="formRules" :label-width="80"> <Button class="button" type="success" style="margin-left: 1099px;margin-bottom:10px;" @click="add">新增</Button> <Table max-height="原创 2020-07-27 15:34:20 · 571 阅读 · 0 评论 -
iview 编辑回显form校验错误
cpu:[ { required: true,message: '请输入CPU', trigger: 'blur' }, { pattern: /^[0-9]*[1-9][0-9]*$/, message: '请输入正整数', trigger: 'blur' }, ],1、如果此处的cpu为string类型,请确保后端传回的数据为string,不要发生强制转换2、请确保后端传回的数据Integer,主要指定如下:原创 2020-07-27 15:27:40 · 715 阅读 · 0 评论 -
vue实现分片上传
前言之前公司要在管理系统中做一个全局上传插件,即切换各个页面的时候,上传界面还在并且上传不会受到影响,这在vue这种spa框架面前并不是什么难题。然而后端大佬说我们要实现分片上传、秒传以及断点续传的功能,听起来头都大了。很久之前我写了一篇webuploader的文章,结果使用起来发现问题很多,且官方团队不再维护这个插件了, 经过多天调研及踩雷,最终决定基于vue-simple-uploade...转载 2020-01-14 17:02:21 · 4196 阅读 · 0 评论 -
Iview 自定义表单校验
1、定义方法method下面validateAge(rule, value, callback){console.log(1);if (!value) {return callback(new Error(‘年龄不能为空’));}else if(value < “此处值可以动态获取”){return callback(new Error(‘您还未成年’));}else{cal...原创 2019-11-01 10:37:21 · 329 阅读 · 0 评论 -
js将数据转换为整数
JavaScript提供将数值转成整数的方法parseInt,用于转换字符串数据“123”,或者浮点数1.23。复制代码代码如下:parseInt("1"); // 1parseInt("1.2"); // 1parseInt("-1.2"); // -1parseInt(1.2); // 1parseInt(0); // 0parseInt("0"); // 0但是...转载 2019-11-01 10:33:00 · 9635 阅读 · 0 评论 -
Iview设置某一行不能选中
以下生效的前提是,给table中的data添加 _disabled属性通过给 columns 数据设置一项,指定 type: ‘selection’,即可自动开启多选功能。给 data 项设置特殊 key _checked: true 可以默认选中当前项。给 data 项设置特殊 key _disabled: true 可以禁止选择当前项。正确使用好以下事件,可以达到需要的效果:@on...转载 2019-10-31 10:51:40 · 2004 阅读 · 0 评论 -
IView table单选实现
步骤一:<Table ref=“modalTable”:columns=“modalColumns” :data=“testData” border stripe>步骤二:data() {return {currentChoose: ‘0’,modalColumns: [{title: ‘选择’,key: ‘id’,width: 70,align: ‘center...转载 2019-07-23 09:30:30 · 748 阅读 · 0 评论 -
Iview中的左右穿梭框
转载 2019-07-22 16:36:09 · 1352 阅读 · 0 评论 -
IView完成增删改功能
先看效果吧:数据库字段:前端页面:添加form表单:编辑form表单:详情:其中编辑和详情页都已做了form表单的回显数据<template> <div class="demo"> <div slot="zhengqing"> <Input v-model="zqListQuery.username" p...转载 2019-07-25 10:10:04 · 917 阅读 · 0 评论