随笔分类 - VUE
摘要：一、背景： 启动前端工程时报了这个错： Error: error:0308010C:digital envelope routines::unsupported 二、分析 查看相关资料，大致的意思是 node版本在 17+版本后增加了OpenSSL3.0，对允许算法和密钥大小增加了严格的限制 三、解
阅读全文
摘要：node历史版本以及对应的npm版本如下 可通过以下官方地址下载对应的版本 地址：以往的版本 | Node.js (nodejs.org)
阅读全文
摘要：启动项目报错信息如下： Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:cryp
阅读全文
摘要：从仓库下了前端的项目，运行时报了这个错: line 1: react-app-rewired: command not found 1.网上查了资料，需要安装 create-react-app 解决： 执行命令： sudo npm i -g create-react-app 输入电脑密码后，安装 注
阅读全文
摘要：报错如图，看提示是 属性内的值已被移除更换另一种方式： 原写法： 1 <a target="_blank" href="'http://xxxxxxxx'+{{env}}"> {{env}}</a> 修改后： 1 <a target="_blank" v-bind:href="'http://xxx
阅读全文
摘要：主要使用 以下方式跳转外部页面，通过路由到指定页面后，再打开外部页面 1 window.location.href = 'http://www.baidu.com' 修改如下： 1.菜单配置 menu.js： 1 let menu = { 2 menus: [ 3 4 { 5 key: '1', d
阅读全文
摘要：后端用的flask，前端vue，查询结果展示以及分页 如图： 代码如下： 前端： 1 <template> 2 <div> 3 <el-row> 4 <el-col :span="18"> 5 <el-form :inline="true" :model="test_query"> 6 <el-fo
阅读全文
摘要：一、VUE 效果： 代码： 1 <template> 2 <div> 3 <el-row style="height:40px" type="flex"> 4 <el-col :span="6"> 5 <p>{{res}}</p></el-col> 6 <el-col :span="2"> 7 <e
阅读全文
摘要：一、VUE中操作 展示： 代码如下： 1 <template> 2 <div > 3 <el-row style="height:40px" type="flex"> 4 <el-col :span="3"> 5 <el-button type="button" @click="show()">点击
阅读全文
摘要：背景： 时间字段展示默认值，开始时间为当天 0点，结束时间为当天晚上12点 代码： 1 <input style="Width: 180px;float:left ;" type="date" id="start_time" 2 name="start_time" placeholder="请选择具
阅读全文
摘要：弹框展示： 代码： 1 <template> 2 <div> 3 <el-col :span="9" style="text-align: right;"> 4 <el-button @click="dialogVisible=true" 5 style="text-align: right;fon
阅读全文
摘要：背景： 使用vue增加了标签页，点击不同标签页传给后端的值不一样，用来做区分，如图： vue代码如下： 使用 form.PageA form.PageB ，后端接收到的值 first、second 1、0
阅读全文
摘要：背景： 单选框和多选框 都是使用了 el-select，但传给后端的值类型不一样，多选框传的值是 list类型: ['value1','value2'] ,单选框传值和其他类型一样；设置默认值也是如此 效果展示： html 代码如下： 1 <template> 2 <div> 3 <el-form
阅读全文
摘要：背景： 使用v-distpicker前端展示省市区，并将选中的结果返回给后端，后端展示所选择的 省市区或对应的地区编码 官方地址： https://distpicker.pigjian.com/ 官方文档的介绍及demo也很清晰，根据所选择的省市区会对应返回 名称、编码，如： 使用： 1.先安装 v
阅读全文
摘要：背景： 小鱼第一次前端用的VUE,然后前后端的交互调了几次，记录下来留给自己下次使用 前端 通过 form.XXX 获取数据，代码： script代码如下： script通过 this.$http.post 与后端交互， 1.打印日志使用 window.console.log(data); 之前ht
阅读全文
摘要：在上一个博客中，有关于限制长度的使用，本文介绍限制只能输入数字的方法 el-input 代码如下： <el-form-item label="账号" required> <el-input v-model="form.tele" style="width:160px;" oninput="if(va
阅读全文
摘要：背景： 小鱼最近使用 input输入框时想限制输入的长度， type = "number" 时，限制的长度无效，代码如下 查阅了相关资料后，换了种方式，问题解决 使用 oninput="if(value.length>11)value=value.slice(0,11)" 可实现限制长度的功能
阅读全文
摘要：背景: 在使用VUE添加标签的时候编译报错，报错如下： 代码如下： 解决： 加一个<template>后加一个<div></div> 标签，问题解决
阅读全文
