- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue中利用x2js将后端返回的xml数据转成json数据
1.打开vue工程，使用命令安装x2js。2.打开main.js 加入以下两行内容。3.在需要用到插件的.vue页面中引入插件。4.在方法中进行转化。
2023-06-12 14:58:05
1310
2
原创 数组对象去重
数组：tableData: [ { date: "2016-05-02", name: "王小虎1", address: "上海市普陀区金沙江路 1518 弄", }, { date: "2016-05-04", name: "王小虎2", address: "上海市普陀区金沙江路 1517 弄", },
2022-03-02 22:39:44
108
原创 js对小数保留8位并四舍五入
let a = 121.12368594587852;let b = a.toFixed(8)console.log(b)输出结果：121.12368595
2021-12-29 23:25:17
1007
原创 gis标点的文字描述以及文字样式写法
地图上的标点周围会给用户写上关于点的文字性描述，方法如下：style:{ plainContext:'努力的睿小宝', //标的文字的内容 fontColor:"#f00", //文字的颜色 textoffy:10, //文字在y轴上的距离 width:10, //标的点的宽度 height:10 //标的点的高度}...
2021-12-29 22:57:30
313
原创 动态展示el-tabs且内容为不同的el-checkbox
需求：动态的el-tabs，每个的内容都是el-checkbox且不同，最后按保存按钮能的到每一个tabs和对应勾选的多选框内容。结果：步骤：1.父组件是el-tabs，子组件是el-checkbox，作为el-tab-pane的内容。父组件的html<template> <div> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab..
2021-12-27 22:24:23
1390
1
原创 纯html+css+js写的导航菜单
1.页面上展示一个ul <ul id="bigUl"> <li onclick="clickHandel(this)">淘宝网首页 <span id="rowed" onmouseover="erji()">></span> </li> <li onclick="clickHandel(this)">我的淘宝&
2021-12-19 18:26:34
412
原创 el-table选中数据勾选状态不清空的做法&&监听拿到勾选的所有数据
1.el-table结合el-pagination，在翻页之后再返回勾选的数据状态会消失，解决办法：<el-table-column type="selection" width="55" :reserve-selection="true"><el-table stripe ref="multipleTable" :data="tableList" tooltip-effect="dark" style="width:
2021-12-19 16:41:18
2473
原创 【无标题】
结果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-12-19 15:53:04
156
原创 ECharts柱状图
结果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-12-19 15:50:01
89
原创 Promise ； this.nextTick()
在开发中，表格数据拿到之后应该能够自动更新表格数据，但是vue与element-ui不是那么灵活，需要刷新表格才行，此时的解决方案：给表格初始化一个v-if为true，每次渲染完数据的时候让v-if为false，然后调用this.nextTick()函数让v-if再为true，即可实时刷新表格；<el-table v-if="this.flag"></el-table>reLoad(){ this.flag = false; this.nextTick(
2021-12-11 15:40:29
498
原创 vue+el-date-picker的数据反填
比如用户填完数据并保存，下一次想要查看数据，就需要拿到这些数据进行反填，但是el-data-picker不会反填，如下是解决办法。el-data-picker绑定一个v-model：value；在data中value是一个字符串的写法。但是我们发现在这种情况下的value是一个数组。在拿到后台数据时，我们可以这样写：比如后台返回的数据存在value1和value2中this.value = [this.value1,this.value2]即可反填成功。实例：..
2021-11-24 23:48:34
661
原创 vue+Element-ui之table和pagination的结合
在vue项目中使用element-ui的el-table和el-pagination组件，需要将两者结合起来，通过控制pagination来控制table数据的显示1.在页面中防止el-table和el-pagination组件；<template> <div style="width: 800px; height: 600px; background-color: #21f772"> <!-- table --> <el-tabl
2021-11-18 22:18:17
1467
原创 Vue父组件出发事件在子组件中执行（refs）
触发环境：在父组件中有一个按钮，点击该按钮后会去子组件中触发函数，执行函数。1.定义父组件ref.vue,子组件refChild.vue;父组件中有一个按钮，import引入子组件并注册子组件，在使用子组件的头标签中写入ref="child",给按钮绑定一个点击事件clickHandel；在事件中写入this.$refs.child.show();注意：child单词要对应，触发child标识的组件的show（）方法；可以传递参数过去。父组件ref.vue代码如下：<template>
2021-11-16 22:36:28
727
原创 Vue入门——todoList实例
该todoList例子包含基本的增删改查功能。1.点击插入的时候会将信息添加在下边的列表中展示；2.点击每行后边的叉号，会删除该条信息；3.点击列表的信息，会将信息显示在input框中；运行效果图：上代码：<template> <div> <el-input v-model="message"></el-input> <el-button @click="insert()">插入</el-bu
2021-11-11 23:19:43
611
原创 vis Network 初学
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vi.
2021-11-08 22:39:32
832
原创 element-ui之动态渲染el-table的label和value
1.在vue项目中使用npm install element-ui命令安装element-ui模块，其次需要在main.js中进行配置import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)2.在data中定义两个数组a.tableList数组展示列表中每一列的对象值b.tableLabel数组展示第一行要展示的label和prop tabl.
2021-11-06 00:07:31
6873
4
原创 前端侧边栏的滑入滑出效果
在使用element-ui的Drawer抽屉功能时达不到我想要的效果，手写一个原生的方法，实现点击按钮时使得div元素能够在页面滑入滑出。1.页面元素简单，一个button，一个div即可；<div> <button>滑出</button> <div id="containerDiv">container</div></div>2.以下是设置div的简单的样式重点：a.设置div的定位，并设置lef.
2021-11-04 22:56:01
1462
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人