- 博客(48)
- 收藏
- 关注
RSS订阅原创 【腾讯云Cloud Studio实战训练营】戏说cloud studio
在奇幻世界中，存在着一片神秘的云海，被人们称为腾讯云云端开发环境 Cloud Studio。这片云海是一座巨大的浮岛，上面漂浮着一个集成式开发环境（Integrated Development Environment，IDE）。它是开发者们的天堂，提供了一个稳定而神奇的云端工作站。任何使用 Cloud Studio 的用户都可以轻松进入这座浮岛，不需要进行任何安装。只需打开浏览器，就能进入这个神奇的世界。一旦踏足云海，用户将感受到一种前所未有的力量。
2023-09-05 10:30:25
957
原创 antdv中table表格合并后鼠标移入背景色的显示问题
这是官网的例子,相同的title下颜色并不能全部选中,antd的表格提供了customRow这个方法用法效果
2022-06-27 17:46:53
1278
1
原创 vue根据后端数据生成form表单
vue根据后端数据生成form表单后端数据格式 formData: [ { label: '角色名称', id: 'name', //key值 type: 'input', //form的属性 placeholder: '请输入角色名称', }, { label: '渠道', type: 'select', id:
2022-04-28 15:36:30
3664
3
原创 vue实现记住密码功能
vue实现记住密码功能 <a-checkbox @change="onChange" :checked="checked"> 记住密码</a-checkbox> //默认checked为false //methods onChange() { this.checked = !this.checked }, //登录成功后 value为用户输入的账号密码 loginSuccess( value) { let val = JSON.str
2021-08-25 15:42:51
529
原创 vue实现一个滚动条
vue实现一个滚动条起初是想修改浏览器滚动条样式来达到效果但是查阅了资料 浏览器滚动条不能修改宽度与位置没办法只能自己写首先是滚动条样式 <div class="scrollBar" v-if="roleList.length > 5"> <div class="box" @mousedown="move" v-bind:style="{ width: activewidth + 'px' }"
2021-07-23 17:56:24
5165
9
原创 js解析文件流
js解析文件流 exportExcel(data, name) { let link = document.createElement('a') let blob = new Blob([data], { type: 'application/vnd.ms-excel' }) link.style.display = 'none' link.href = URL.createObjectURL(blob) link.download = `${n
2021-05-21 16:02:38
1785
原创 iview的switch开关不显示问题
<i-switch :value="switch1" @on-change="change" />data{switch1: false,}methods:{change() { this.switch1 = !this.switch1; console.log(this.switch1); },}
2020-11-24 11:45:37
1213
原创 iview的input输入框输入一个字符就失去焦点
一般是使用input遍历数组时候 <Row v-for="(item, index) in formValidate.ipList" :key="index+item.name" style="margin: 20px 0" > </Row>问题点在于:key=“item.name”input数据绑定后进行模型更新后，div的属性要刷新，进行渲染后就重新刷新的input.不要用item.name这种做k
2020-11-23 17:46:17
675
1
原创 iview中form表单校验list
需求点击添加 增加一行 但是在上一行ip地址为空的时候 不能添加代码<template> <div> <Button type="primary" @click="addlist('formValidate')">添加</Button> <Form ref="formValidate" :model="formValidate" :rules="ruleValidate"
2020-11-23 17:41:24
695
原创 js数组与tree之间的相互转换
数据 let data = [ {id: 1, title: 'hello', parent: 0}, {id: 3, title: 'hello', parent: 1}, {id: 4, title: 'hello', parent: 3}, {id: 5, title: 'hello', parent: 4}, {id: 2, title: 'hello', p
2020-10-12 11:54:36
480
原创 Iview表格点击下一页获取复选框的值以及复选框选中后的回显
<Table :columns="columns" :data="list" ref="purchaseTable" @on-selection-change="selectTable" @on-select-cancel="selectCancel" />添加两个事件 参考iview官方文档https://www.iviewui.com/compon.
2020-10-10 16:33:32
1705
4
原创 nrm切换源
npm install nrm -g查看版本nrm -V查看所有源nrm ls添加源nrm add lingyue http://10.169.0.27:8081/repository/npm-group/ //源名 地址
2020-09-07 18:29:30
450
原创 简单的vue组件封装
简单的vue组件封装整个项目中都会用到这个样式的标题components目录下新建xxx.vue文件代码<template> <div class="divBg"> {{title}} <p style="float:right;color:#1C69D4;margin-right:30px; cursor: pointer;" @click="editor"> <Icon size="16" :type="icon" /&
2020-08-20 18:09:13
198
原创 vue中rules规则校验input框有值却不通过
vue中rules规则校验input框有值却不通过一般是数据类型影响的一般是后端给的数据是number类型的 渲染时把数据tostring一下就可以了
2020-08-20 18:00:40
3516
原创 vue点击div外部div消失
vue点击div外部div消失//全局点击事件 记得移除 mounted() { document.addEventListener("click", (e) => { this.downShow = false; }); },需要隐藏的div <div class="downloadList" @click.stop v-show="downShow"> </div>@click.stop 阻止事件冒泡即可...
2020-08-14 11:12:08
1228
原创 iview重置rules规则校验
iview重置rules规则校验 this.$refs['name'].resetFields();name值是form表单绑定的ref值
2020-08-14 11:06:52
1567
原创 js如何向数组对象里面添加元素
场景数据格式为//form表单数据formInline: { time:'', remark:'' }, //时间轴数据 timeLineList: [ { time: "2020-01-04 11:17", remark: "开会", }, { time: "2020-01-04 11:17", rem
2020-07-30 17:28:00
4751
原创 vue cli4打包优化
1. 使用cdnpublic目录下index.html<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.4.7/theme-chalk/index.css"> //element css <script src="https://cdn.bootcss.com/vue/2.5.15/vue.min.js"></script> //vue
2020-06-22 16:18:32
1393
原创 vue封装公共echarts组件
下载echartsnpm install echartsmian.js中引入import echarts from 'echarts'Vue.prototype.$echarts = echartscomponents文件下新建echartsPie.vue文件<template> <div :id="this.id" style="width:100%;height:100%"></div> </t.
2020-06-20 15:03:37
1411
1
原创 vue项目中axios的二次封装
为什么要封装axios一般的项目是有三个url地址的 一个生产环境用的 一个测试环境用的 一个正式环境用的 如果不封装axios 切换环境就全部替换url不现实可以做请求和响应的处理src目录下新建utlis文件夹新建request.js文件代码import axios from 'axios' // switch (process.env.NODE_ENV) { // // 生产 // case "production": //
2020-06-17 17:43:29
2757
3
原创 vue脚手架跨域请求
根目录下新建vue.config.js脚手架会根据文件名自动匹配module.exports = { //runtimeCompiler: true, //publicPath: '/', // 设置打包文件相对路径 devServer: { // open: process.platform === 'darwin', // host: 'localhost', //去除eslint overlay: {
2020-06-16 17:48:29
270
原创 vue关闭Eslint校验
vue脚手架去掉Eslint规则cli2cli3cli2项目目录下build.js->webpack.base.conf.jscli3vue.config.js中加入 overlay: { warnings: false, errors: false },
2020-06-16 17:27:11
505
1
原创 element ui前端分页 与后端分页的问题
区别:前端分页:一次性请求所有数据 然后前端对数据进行截取展示后端分页:需要我们把页码 请求条数发送给后端 后端根据条件每次返回对应的条数前端分页 <el-table :data="tableDatas.slice((currentPage-1)*PageSize,currentPage*PageSize)" style="width: 100%"&...
2020-05-03 18:31:01
1287
1
原创 地图坐标闪烁效果
主要是animation的用法代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> body{ background: #0...
2019-12-21 14:48:26
1421
原创 数字千分符
数字千分符function get_thousand_num(num) { return (num || 0).toString().replace(/\d+/, function (n) { var len = n.length; if (len % 3 === 0) { return n.repl...
2019-12-21 14:46:28
228
原创 echarts水波球特效,根据data值改变颜色
echarts水波球特效效果图cdn <script src="http://echarts.baidu.com/resource/echarts-liquidfill-1.0.4/dist/echarts-liquidfill.js" type="text/javascript" charset="utf-8"></script>代码 var ...
2019-12-21 14:44:13
2034
原创 vue刷新页面声明的变量没数据时,显示为花括号的解决方法
方法<style> [v-cloak]{ display: none; }</style><body><div id="app" v-cloak>v-cloak属性
2019-12-06 16:17:43
609
原创 vue根据input框的值检索列表
vue根据input框的值检索列表效果图代码<template><div> <input type="text" v-model="search"> <ul> <!-- 注意！注意！注意！这里循环遍历的是items，不再是data里的list数组 --> <li v-for="(item,index)...
2019-11-22 14:41:44
1385
原创 element ui表格根据id值合并列
element ui表格根据id值合并列效果首先 官方文档给的由例子地址html <el-table :data="tableData6" :span-method="objectSpanMethod" border style="width: 100%"> <el-table-column ...
2019-11-22 14:36:59
2320
2
原创 对于iframe嵌套页面的跳转,以及携带参数,在目标页接受参数的问题
跳转打开源码可以看到 每个子页面的路由都是类似的 window.parent.document.getElementById('frame-dft').src='/indexCreate'只需要在事件里面重新设置src的参数就可以携带参数在src的后面可以拼接参数 window.parent.document.getElementById('frame-dft').src='/...
2019-11-19 16:49:47
6889
原创 根据复选框的值进行表格数据的筛选
根据复选框的值进行表格数据的筛选效果图为什么要把数据赋值给两个数组?效果图#点击后效果数据显示有点问题.不过这不是重点#代码部分 getValue(){ this.tableData=this.tableData1 //tableData 和 tableData1 是表格数据放在连个数据里面 let articl...
2019-11-19 16:34:00
1246
原创 axios向后端传值
axios向后端传值第一种JSON.stringify()方法axios.post('/console/initCalculationParam',JSON.stringify({ car_series: this.carOptionsValue, dateTime: this.value1,}),{ headers: { 'Content-Type'...
2019-09-24 16:39:49
2250
原创 element UI选择年,月,季度,双月
element ui 选择年,月,日,季度先来 年,月,日,这些都是element ui官方有的 <el-select v-model="value" placeholder="请选择" @change='change'> <el-option v-for="item in options" :key="item.va...
2019-09-24 16:29:11
4811
2
原创 forEach循环遍历数组
forEach循环遍历数组 this.trendChartOfDay.forEach((value,i)=>{ this.e1data1.push(value.count);//push方法添加到新数组 this.e1data2+=parseInt(value.count); //计算数组元素的和 });...
2019-09-24 16:16:00
1261
原创 formdata清空
formdata清空的问题 let formData=new FormData; //清空formdata formData=null; formData=new FormData; formData.append("companyName",this.chose);//厂名 return axios.post('/StockFirs...
2019-09-24 16:10:42
4453
2
原创 vue中n个元素同时绑定事件
n个元素同时绑定click事件这种方法在表格的操作中十分常见 <td v-for="(item,index) in yresult"> <span @click="productResult(index)">{{item}}</span> </td>在js中pro...
2019-09-24 16:07:48
596
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人