- 博客(24)
- 资源 (9)
- 收藏
- 关注
RSS订阅
原创 JavaScript对数组的操作
JavaScript对数组的操作indexOf()的使用：返回数组元素的索引值let array = [2,18,10,19]array.indexOf(2) // 该元素的索引为0array.indexOf(18) // 该元素的索引为1array.indexOf(20) // 该元素的索引为-1 没有该元素slice()的使用：截取元素返回新数组let array = [2,18,10,19]array.slice(0,2) // 从下标0开始，到下标2结束，（注意：不包
2020-05-28 11:34:22
122
1
原创 关于FormData（）方法传参不显示原因
let formData = new FormData()formData.append('file', this.formData.file)formData.append('examId', this.parentParam.data)本来以为调一个普通的接口 就能把formData传过去，但是实际上，自己能取的到，但是传不过去。经过我俩小时的不屑努力，终于解决了。解决： submitHandler() { this.$refs.editFormRef.vali..
2021-09-01 14:40:59
2709
1
原创 vue版大屏可视化统计数据炫酷页面开发
由于公司业务需要，我从普通的vue脚手架搞起，然后感觉写的还挺不错的，大家可以看看，有需要的可以下载打赏下，可以直接拿过来用，直接对接口就可以了。附上下载地址：标题标题附上下载地址：也可以私聊我哦，谢谢大家支持，以后会不断努力的。...
2021-04-13 09:48:49
1600
2
原创 每日一篇（10）--vue关于父组件给子组件传值
在vue中 父组件给子组件传值 可以用到props属性进行传值。今天就给大家讲讲props的使用方法：父页面：father.vue<template><children :mssage="msg"></children></template><script>improt children form '../../children.vue';export default { compontent:{ children },
2020-07-02 14:47:17
83
原创 每日一篇（9）--vue关于图片的引入和错误图片展示
1、关于图片的引入有两种方式：require路径直接引入(1)关于require引入：<div><img :src='imgSrc'/></div><script>created(){ this.imgSrc = require('@/assets/default-avatar.png')}</script>(2)关于路径直接引入<div><img :src='@/assets/avatar.p
2020-07-01 15:56:51
127
原创 每日一篇（8）--CSS伪类选择器
1、基于父类的伪类选择器<style> li:first-of-type{ //指定类型的伪类选择器 //只寻找基于li标签的第一个的样式 color:red; // 这个时候，数字1的字体颜色会变成红色 } //////////////////////////////////////////////////////// li:nth-child(3){ //指定类型的伪类选择器 //只寻找下标为3的li标签 // 下标从1开始 color:green; //这个时候，
2020-06-23 15:37:31
111
原创 每日一篇（7）--JS使用工厂模式创建对象
JS 对象操作使用工厂模式创建多个对象<script> function createPerson(name,age){ var obj = new Object() //创建一个空对象 obj.name = name, //定义对象值 obj.age = age return obj } var myObj1 = createPerson('张三',23) var myObj2 = createPerson('李四',22) var myObj3 =
2020-06-22 15:29:47
121
原创 每日一篇（6）--Vue-$emit()的使用
在vue中父组件可以使用 props 把数据传给子组件。子组件可以使用 $emit 触发父组件的自定义事件。不多废话，直接上代码：//这是页面//定义一个父组件 名字叫做List//定义一个子组件 名字叫做userList<List><userList @exchange='querylist'></userList></List>//这是逻辑//userList中的js：created(){ //如果这个条件满足 执行方法 if(t
2020-06-17 17:26:47
153
原创 每日一篇（5）--打开新页面的方式
打开新页面有多种方式，以下会详细介绍关于js基础的window打开方式//window.open打开方式window.open("http://www.baidu.com/", "_blank");//这是在新窗口打开window.open("http://www.baidu.com/", "baidu");//这是在新窗口打开且赋值名称--同名称下只能打开一次jump打开方式第一种方式：<el-button @click='$jump('这个是路由的name',{id:thi
2020-06-05 10:04:01
303
原创 每日一篇（4）--格式化时间方式
2020-05-20T10:44:42.924+0000转换成年月日时间//格式化时间 filters:{ date(date){ let d = new Date(date); let month = (d.getMonth() + 1) < 10 ? '0'+(d.getMonth() + 1) : (d.getMonth() + 1); let day .
2020-06-03 16:47:48
108
原创 每日一篇（3）--list列表的调用
关于list列表查询的调用在开始查询listMethods前可以传入其他参数：//执行listMethods前传入其他参数getQueryParam(){ return Object.assign({},this.queryFormData, { id:this.id, name:this.name })}传入参数之后就可以查询出列表...
2020-05-29 14:18:27
322
原创 每日一篇（2）--form表单的调用
关于form表单提交前的使用：form表单提交时，可以通过调用api的方式进行传参查询：this.$api('这是你的moudelName的名字','这个地方是你调用的接口的方法名称',{id:this.id,name:this.name}).then(res=>{ //注:接口方法名称之后的{}中，放的是你所提交的参数 //调用成功时，进行打印输出 console.log(res)})这就是整个调用api接口的方法的使用当另一种情况时，想在提交之前不调用api方法，会调用submi
2020-05-28 09:29:15
371
原创 关于表单的验证
vue表单的验证：关于表单的验证，在element中提供了验证表单的方式在这里插入代码片<el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> export default{ data(){ return{ rule:{ name:[{ //校验表单不能为空 { requ
2020-05-28 09:10:44
94
原创 每日一篇（1）--弹框的使用
使用弹框打开新页面时：第一种打开弹框方式：父页面：this.createHanlder(‘这是标题’,{id:this.id,name:this.name})前面传入的时标题参数，后边传入的是其他参数，可以根据自己所需参数进行传参。弹框接收时：打印出 this.parentParam 即可{{this.parentParam}}第二种打开弹框方式：父页面：this.$getRef(‘此处是弹框组件自定义的ref’).show({id:this.id,name:this.name})例
2020-05-27 17:42:59
139
基于vue框架的audio标签优化--完整组件 传参即可使用
2022-06-10
仿联想大数据监控评测平台
2022-05-16
vue-antd-pro.zip
2021-08-24
vue-admin.zip
2021-08-24
登录页面模板登录页面模板.zip
2021-04-02
登录页面模板登录页面模板.zip
2021-04-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人