蓝天⊙白云的博客

想要删除所有出现的指定字符，可以将replace()方法与正则表达式一起使用。使用正则表达式而不是字符串以及全局属性。它将选择字符串中的每个匹配项并将其删除。语法：示例：originalString = ‘hello hgbhggfj!’;newString = originalString.replace(/h/g, ‘’);输出：原始字符串是：hello hgbhggfj!新字符串： ello gbggfj!其中修饰符是可选的。2 修饰符修饰符可以在全局搜索中不区分大小写。（1）i、I，执行对大

vue中限制input输入框第一位数字不能以0开始。

1. 后端返回数据结构"sheetList": [ { "key1": "测试列1", --列名 "val1": "测试值1", "key2": "测试列2", --列名 "val2": "测试值2" }, { "key1": "测试列3", --列名 "val1": "测试值3",

在使用vue做动态绑定时，发现list列表中存储的对象里的属性改变后，页面不会动态更新。为啥会这样是因为：根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。// 解决方法一：注意要引入Vuethis.$set(this.addFormData, 'projectCode', ob.code)this.$set(this.tableData, index, item)//解决办法二;不推荐因为消耗性能this.userInfo['sex']='男';this.$f

需求简述： 文件上传，从前端页面上 通过选择本地文件或拖拽文件 将文件上传到阿里OSS上，并将记录写进数据库；其中有文件流为参数，还有用户信息啥啥啥的其他参数都要同时从前端传到后端去；html<template> <el-dialog title="上传音乐" :visible.sync="isShow" @update:visible="val => $emit('update:visible', val)"

页面部分<el-dialog title="新增备忘录" :visible.sync="formVisible" style="width: 2000px;margin-left: -10vh;"> <el-form :model="item.formModel" v-for="(item,index) in saveFormList" :key="item.index" label-width="100px" class="demo-dynamic" .

vue添加表单验证：<el-form-item label="记录事项:" prop="recordItem" :rules="[{ required: true, message: '记录事项不能为空', trigger: 'blur' }]"> <el-input v-model="item.formModel.recordItem" placeholder="请输入"> </el-input></el-form-

原理就是通过监听鼠标移动事件来动态改变组件的宽度样式，实现拖动。新建VUE文件dragToAdapt.vue<template> <div class="x-handle" @mousedown="mouseDown"></div></template><script> export default { name: "XHandle", data() { retu

1.table标签中绑定row-style属性<el-table @row-click="handleTemplateClick" :show-header="false" border style="width: 100%" :data="templates" :row-style="tableRowStyle">2.method中增加对应方法//设置表格行的样式 tableRowStyle({row}){ let rowStyle = {'backg

近期做项目中，发现有些下载时间较长的文件，前端用户没有任何感知，为了改善用户体验，增加了下载进度提示。注意，本文只是纯前端的实现。1. 页面中增加标签<el-dialog title="文件下载中" :visible.sync="downloadProgressShow"> <el-progress type="circle" :percentage="filePercentage" color="red"></el-progress></el-dial

子组件使用this.$emit()向父组件传值 首先必须在父组件中引用子组件，然后实现传值 第一步 在父组件中引入子组件 使用import引入组件 import indexImportOrder from './components/indexImportOrder' 声明 //定义组件 components:{ indexImportOrder, ...

proxy: {"/api": {target:"http://192.168.x.xxx:8090", // 要访问的接口域名ws:true,// 是否启用websocketschangeOrigin:true,//开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题pathRewrite: {"^/api":""//这里理解成用'/api'代替...