javaScript
个人用到的点
TWenYuan
这个作者很懒,什么都没留下…
展开
-
【 登录页】
1、login.vue2、router/index.js原创 2022-07-11 16:06:07 · 97 阅读 · 0 评论 -
【动态调整首栏行高以实现上下居中】
动态调整首栏行高以实现上下居中原创 2022-07-07 15:46:41 · 98 阅读 · 0 评论 -
【导航菜单切换,避免切换不过来路由地址】
导航菜单切换原创 2022-07-04 16:45:21 · 174 阅读 · 0 评论 -
【几种监听】
监听原创 2022-06-15 14:55:53 · 53 阅读 · 0 评论 -
点击按钮返回数组 ages 中所有元素都大于输入框指定数值的元素和 $set()
$set()往对象或者数组对象中添加新的属性使得该属性必须赋予get和set方法,才能在视图中渲染,往对象中添加新的属性的方式:局部设置:1.this.$set(操作的对象,‘添加新的属性名’,‘新的属性值’)2.Vue.set(操作的对象,‘添加新的属性名’,‘新的属性值’)全局设置3.vm.$set(操作的对象,‘添加新的属性名’,‘新的属性值’).........原创 2022-06-15 10:44:56 · 63 阅读 · 0 评论 -
绑定内联样式 :style
内联样式 :style原创 2022-06-15 09:53:50 · 161 阅读 · 0 评论 -
class动态样式
class动态样式原创 2022-06-14 11:13:45 · 540 阅读 · 0 评论 -
el-date-picker 最多只能选中一个月 选中第一个日期后 第二个日期给出可选范围限制
效果: 选中2020年5月13日之后 前面4月13日到5月13日可选 后面5月13日到6月13日可选当前日期不可选,最少选择一个月 最多3个月原创 2022-06-14 09:33:52 · 1292 阅读 · 0 评论 -
处理后端发送的页码分页
处理后端发送过来的带有总数的分页处理显示,页码跳转,排序的问题。@size-change:pageSize 改变时会触发(每页条数)@current-change=“search” currentPage 改变时会触发(当前页):page-size=“size” 每页显示条目个数:current-page=“page” 当前页数:total=“total” 总条目数......原创 2022-06-10 16:11:35 · 140 阅读 · 0 评论 -
vue router动态路由点击跳转路径地址重复追加
vue router动态路由点击跳转路径地址重复追加查看代码发现是页面中相对路径最前面少了 ‘ / ’;添加上就能正常显示了。如下: <!-- 导航选项卡--> <el-col :span="16" style="height: 100%;display: flex;"> <div class="title-bar nav-button" v-for="nav in navs" @click="to(nav.url)">{{ nav.t原创 2022-05-20 14:48:05 · 670 阅读 · 0 评论 -
【svg画图】
svg画图svg教程:https://www.w3school.com.cn/svg/svg_example.aspsvg编辑器:https://c.runoob.com/more/svgeditor/1、首先打开svg编辑器,使用PathTo(工具)点选物件,点选后为白色区域,保存图片,在编辑器(如vscode)中打开图片,在中有两个xlink:href的字段,删掉一个,多余了,在此字段的最后添加name=“##”(划上去显示的字段),在下面会显示你点选的所有部分的path,在每个path后加上na原创 2022-05-19 14:22:57 · 1126 阅读 · 0 评论 -
【实现选定单选框出现对应的选择框或输入框】
一、<el-row> <el-col :span="8"> <el-form-item label="路径工作方式"> <el-radio-group v-model="form.mode"> <el-radio label="single">单候选最优路径</el-radio>原创 2022-05-17 20:29:38 · 1443 阅读 · 0 评论 -
【vue3 element-plus的循环图标】
element-plusvue3 在用Element Plus布局页面时,遇到了一个图标循环加载的问题。开始不知道如何渲染图标,以为像ElementUI 一样可以通过class进行渲染图标,发现无法使用,让后我发现引用的图标是组件,组件的话就可以使用 进行渲染了.<el-row> <el-col :span="12" v-for="(option,index) in card.options" :key="index">原创 2022-05-17 20:23:55 · 2016 阅读 · 0 评论 -
【手写深拷贝】
手写深拷贝/** * 深拷贝 * @param {Object} obj 要拷贝的对象 * @param {Map} map 用于存储循环引用对象的地址 */function deepClone(obj = {}, map = new Map()) { if (typeof obj !== "object") { return obj; } if (map.get(obj)) { return map.get(obj); } let result = {}原创 2022-05-13 14:27:35 · 109 阅读 · 0 评论 -
实现整个from表单的整体加减()
实现from表单的整体加减()1、结构简单(一层)//遍历循环的是form里面的整个列表(数组)<template v-for="(list, index) in form.acllist"> <el-row> <el-col :span="16" :offset="4" style="padding-top:20px"> <i class="el-icon-remov原创 2022-05-06 15:22:28 · 339 阅读 · 0 评论 -
实现选择器多选依次下发
实现选择器多选下发css为el-select设置multiple属性即可启用多选,此时v-model的值为当前选中值所组成的数组,若要实现多个下发,在js要进行数据处理:遍历循环此数组。<el-form-item label="节点选择"> <el-select v-model="sourceNode" multiple col原创 2022-03-01 11:21:51 · 179 阅读 · 0 评论 -
文件的导入和导出
导出方式一:<el-button style="width: 100%" size="medium" @click="exportConfig">导出</el-button>// 导出配置文件 async exportConfig() { const base64 = await safelyExportNodeEnable() // const base64 = 'ewogICJsaW5rRW5hYmxlQ29uZmlnIjogewogICA原创 2021-12-20 18:04:51 · 665 阅读 · 0 评论 -
文件导出(方式一)
方式一: <div> <el-button type="primary" class="btn" @click="down">下载</el-button> <el-table ref="multipleTable" :data="form" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChang原创 2021-12-20 17:30:27 · 81 阅读 · 0 评论 -
2021/12/20 显示动态读秒跳转页面
显示动态读秒跳转页面1、antdesign第一种:读秒3s后跳转<template> <a-button type="primary" @click="openMessage"> Open the message box </a-button></template><script>const key = 'updatable';export default { methods: { openMessage原创 2021-12-20 17:10:51 · 152 阅读 · 0 评论 -
单选框选中时对应输入框可输入
单选框选中时对应输入框可输入首先在el-radio-group绑定v-model,再设置每个单选框的el-radio的label值,再绑定el-input的:disabled,表示当form的model不等于绑定的radio的label值时为true,可输入,否则一直禁止。<el-form-item label="路径工作方式"> <el-radio-group v-model="form.mode"> <el-radio lab原创 2021-12-02 10:06:55 · 1954 阅读 · 0 评论 -
不同的校验规则2021.11.30
校验常规校验参考element-ui的校验非常规:如果提交的form里面嵌套多层对象,校验时,可以给把对象嵌套进新的<el-form></el-form>,绑定的:model不再是:model=“form”,而是加了子结构。<el-form :model="form['default-virtual-intf']" ref="subform" label-width="160px" :rules="rules"> <el-form-item原创 2021-11-30 17:51:56 · 322 阅读 · 0 评论 -
2021-10-15 插入数据前检查重复,实现插入不重复的元素
插入数据前检查重复,实现插入不重复的元素let flag = false // 定义一个标识符 const len = this.list.length // this.list是要插入的数据列表,array if (len === 0) { this.list.push(row) } else { for (let i = 0; i < len; i++) { if (this.list原创 2021-10-15 14:35:18 · 166 阅读 · 0 评论 -
2021-10-15 验证form表单的内容是否已存在数据库
验证form表单的内容是否已存在数据库<template> <el-dialog :visible.sync="dialogVisible" width="50%" :show-close="false" :lock-scroll="false" > <dv-border-box-10 ref="dv" :backgroundColor="chartBackgroundColor" :colo原创 2021-10-15 14:33:12 · 361 阅读 · 0 评论 -
2021-10-11 两个select下拉框的内容一样,但是不能选择相同的值
两个select下拉框的内容一样,但是不能选择相同的值:使用disabled <el-select v-model="value1" placeholder="请选择" @change="change1" > <el-option v-for="item in sourceId原创 2021-10-11 11:27:58 · 983 阅读 · 0 评论 -
2021-09-01 javaScript Math 对象
javaScript Math 对象1、toFixed()方法把数字转换为字符串,结果的小数点后有指定位数的数字var num = 2.46449;var n = num.toFixed(2);输出结果n = 2.462、一个数字不留任何小数var num= 2.46449;var n = num.toFixed();输出结果n = 3...原创 2021-09-01 14:38:19 · 45 阅读 · 0 评论