2020年12月_写bug断了电

12月 10月 09月 06月 05月 04月 02月 01月

原创 Vue+Element 动态表单自定义正则表达式验证

使用场景宏命令输入验证，宏命令格式如下：{$xxx}，xxx暂为任意字母、数字、下划线组合的字符串，但{$}是固定的格式。动态表单验证需要用到prop属性，可参考官方文档：动态增减表单项局部代码如下<template> <el-form :model="add_host_Form" size="small"> <el-form-item label="macros"> <el-row style="font-size: 13px" v-

2020-12-27 19:53:37 1577 1

原创 Vue+Element 动态绑定disabled属性

代码要实现一个动态添加和删除的时间控件列表，列表第一个不能删除，属性为disabled。<ul style="list-style: none"> <li v-for="(item, index) in run_datetime" :key="index"> <el-time-picker format="HH:mm:ss" value-format="HH:mm:ss" v-model="item.day"

2020-12-25 14:07:49 9643

原创 JS 合并纯字符串数组并去重

局部代码：// 第一步、不去重合并数组var arr1 = ["a", "b", "c"];var arr2 = ["a", "c", "d"];var arr_before = arr1.concat(arr2);console.log("去重前", arr_before);var arr_after = [];// 第二步、去重操作for (var i = 0, l = arr_before.length; i < l; i++) { for (var j = i + 1;

2020-12-24 11:32:36 727

原创 Vue+Element 将常用的数据字典封装成配置文件

将常用的数据字典封装成配置文件(devicetype.js)，代码如下：// 数据显示时使用export const deviceType = { 11: "服务器", 12: "数据库", 13: "网络设备", 14: "企业应用", 15: "打印机", 16: "UPS", 17: "PC终端", 19: "虚拟设备"}// 数据搜索传参时使用export const deviceSearch = [{

2020-12-23 11:07:05 981

原创 Vue+$route 循环执行定时器，并销毁

要实现的功能：1. 当我初次打开一个页面时，就开始循环执行定时任务，定时刷新页面列表；2. 当我离开或关闭当前页面时，销毁定时器任务；3. 当我再一次进入打开的页面时，又开始循环执行定时任务。因为页面之间是路由跳转，所以用beforeDestroy方法并不能执行销毁定时器。所以我使用的是监听路由跳转来操作。mounted() { // 初次打开页面执行获取列表方法和定时任务 this.getNatRule(); // methods里的方法 this.timer = set

2020-12-21 19:26:14 715

原创 Vue+Element 单选模式下Cascader级联选择器使用总结

一、单选模式下选择任意节点在单选模式下，只能选择叶子节点，是因为父子节点存在关联。官方文档中写道：“可通过props.checkStrictly = true来设置父子节点取消选中关联，从而达到选择任意一级选项的目的。”使用示例：<el-cascader :props="{ checkStrictly: true }" :options="options"></el-cascader>二、单选模式下选中节点后，关闭下拉框在单选模式下，选中节点后，下拉框不会...

2020-12-11 03:27:20 8026 11

原创 VSCode Vetur版本0.31.0报错且不能格式化Vue文件

今天下午在写代码的时候，VSCode编译器右下角突然报错，报错内容如下：Vetur find `tsconfig.json`/`jsconfig.json`, but they aren't in the project root.而且不能进行格式化vue文件操作了，我这人有强迫症，找到是Vetur插件在一个小时前更新造成的结果，我采用的是版本回退的方法解决的这个问题。在Vetur插件进行鼠标右键，选择==>安装另一个版本。选择之前的版本，然后重启VSCode编译器。我选择的是0

2020-12-09 15:57:02 3600 14

原创 Vue+$route 页面跳转传参

父页面代码，传值操作：goToDetail(row) { this.$router.push({ path: "assetdetail", query: { alias: row.name, id: row.id } })}子页面代码，取值操作：// 取query对象值this.$route.query// 取query具体属性值this.$route.query.aliasthis.$route.query.id...

2020-12-08 22:19:35 213

原创 Vue+$route 监听页面跳转

场景：父页面A，子页面B。从父页面A跳转到子页面B，进行添加操作，添加完成，关闭子页面B，跳转回父页面A。因为新增一条数据，需要重新加载列表。父页面A局部代码如下：watch: { $route(to, from) { // console.log("到哪个页面去", to.path); // console.log("从哪个页面来", from.path); if (to.path == "/asset/allasset" && from.path =

2020-12-08 22:01:48 2753 1

原创 Vue+Element 使用三元表达式改变form表单label标签文字内容

在这里只贴出局部代码<el-form-item :label="[triggerForm.recovery_mode == 1 ? '问题表现形式' : '表达式']" prop="expression"> <el-input type="textarea" v-model="triggerForm.expression"></el-input></el-form-item>...

2020-12-08 15:51:15 5341