html
关注
分享
扫一扫
文章平均质量分 57
追梦d
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue中通过el-input与el-table相结合，实现从表格中选择数据
源码： <el-input v-model="form.catalog" @click.native="onclick" placeholder="请选择目录" name="catalog"></el-input> <div id="divForm" style="display: none"> <el-table id="table12" border原创 2021-10-15 00:00:00 · 1447 阅读 · 0 评论 -
bootstrap-dataTable表格的实现
前端代码后端代码展示页面获取行参数进行编辑var table = $(’#gzTables’).DataTable();var rowData = table.row(index).data();//这样便可以获取到行值原创 2021-10-14 00:00:00 · 635 阅读 · 0 评论 -
关于jquery中Simple-calendar日历插件的使用
1.引入资源使用日历插件前首先要引用资源：JS CSS<link rel="stylesheet" type="text/css" href="css/simple-calendar.css"><script type="text/javascript" src="js/simple-calendar.js"></script>2.初始化一个日历首先为calendar准备一个容器，可以设置大小，也可以在options中设置，不设置的话自动设为默认<d原创 2021-10-13 00:00:00 · 1320 阅读 · 1 评论 -
vue中表格实现正在加载数据的效果
1.在el-table表格加入v-loading=“pictLoading_admin”element-loading-background = “rgba(0, 0, 0, 0.5)”element-loading-text = “数据正在加载中”element-loading-spinner = “el-icon-loading”2.设置pictLoading_admin默认为false3.当获取表格数据之前，设置pictLoading_admin为true4.最终效果为5.获取原创 2021-10-09 00:00:00 · 957 阅读 · 0 评论 -
vue学习之关于element日历calendar组件中上月，今天，下月的显示
今天学习写日历的模板，不过element日历组件官方文档提供的资料较少，所以试着写了个简单的，以后再深入学习。显示效果图：本月：上月：下月：下方是源码<template><div><el-calendar v-model="value" id="calendar"><!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法--><templateslot="dateCell"slot-scope="原创 2021-10-08 00:00:00 · 4479 阅读 · 1 评论 -
html关于点击radio触发事件
1.导入jquery.js2.源码:<body> <div> <span>状态</span> <div> <div class="radio-inline"> <label> <input type="radio" name="status" id="status" value="0"> 状态1 </label> </div><div class="rad原创 2021-10-05 22:30:00 · 7681 阅读 · 0 评论 -
vue初步学习之登录页的搭建
1.在package.json中引入相关组件2.在main.js中设置组件的全局变量3.加入路由4.编写登录页login.vue,下面为完整代码<template><div style="height:calc(100vh - 20px);"><div class="login" :style="'background-image:url('+ Background +');'"><el-form ref="loginForm" :mode原创 2021-09-26 09:32:32 · 203 阅读 · 0 评论 -
vue使用element-ui组件，通过el-form进行表单提交
1.新建api文件夹，该文件夹中主要存放接口路径。新建request.js,该js主要用于接口存放路径。import axios from 'axios'/** * 封装axios请求 */// create an axios instanceconst service = axios.create({ baseURL: 'http://localhost:8001/order/',//本地请求路径 timeout: 5000 // request timeout})//原创 2021-09-25 17:22:01 · 8080 阅读 · 0 评论 -
vue中使用svg图片
1.安装依赖：npm install svg-sprite-loader --save-dev2.修改webpack.base.conf.js，加入如下代码：{test: /.(png|jpe?g|gif|svg)(?.*)?$/,loader: ‘url-loader’,exclude: [resolve(‘src/icons’)], // 使用exclude排除src/icons，让url-loader只处理除此文件夹之外的svgoptions: {limit: 10000,name:原创 2021-09-24 17:05:42 · 773 阅读 · 0 评论 -
html页面中关于无缝轮播图设计
1.首先需要引入相应的插件，这里使用的是swiper插件2.导入相应的js与css，这里只需要导入jquery与swiper相应的js与css3.下面是完整的代码<head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <scri原创 2020-10-30 10:24:59 · 895 阅读 · 0 评论 -
初步学习使用echarts图表插件
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，这里初步显示柱状图1.下载echarts插件，官网:https://echarts.baidu.com/index.html,这里使用bootstrap框架2.前端页面html代码 <div class="col-lg-12"> <h3 class="page-header">我的关心</h3> </div> &l原创 2020-10-21 11:49:25 · 271 阅读 · 0 评论