![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
蓝天⊙白云
这个作者很懒,什么都没留下…
展开
-
vue正则表达式
想要删除所有出现的指定字符,可以将replace()方法与正则表达式一起使用。使用正则表达式而不是字符串以及全局属性。它将选择字符串中的每个匹配项并将其删除。语法:示例:originalString = ‘hello hgbhggfj!’;newString = originalString.replace(/h/g, ‘’);输出:原始字符串是:hello hgbhggfj!新字符串: ello gbggfj!其中修饰符是可选的。2 修饰符修饰符可以在全局搜索中不区分大小写。(1)i、I,执行对大转载 2022-07-12 16:36:31 · 4031 阅读 · 0 评论 -
vue中限制input输入框第一位数字不能以0开始
vue中限制input输入框第一位数字不能以0开始。原创 2022-07-12 16:29:18 · 3318 阅读 · 0 评论 -
vue实现动态列显示
1. 后端返回数据结构"sheetList": [ { "key1": "测试列1", --列名 "val1": "测试值1", "key2": "测试列2", --列名 "val2": "测试值2" }, { "key1": "测试列3", --列名 "val1": "测试值3",原创 2022-05-19 10:14:56 · 2048 阅读 · 0 评论 -
Vue列表值改变,刷新问题
在使用vue做动态绑定时,发现list列表中存储的对象里的属性改变后,页面不会动态更新。为啥会这样是因为:根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。// 解决方法一:注意要引入Vuethis.$set(this.addFormData, 'projectCode', ob.code)this.$set(this.tableData, index, item)//解决办法二;不推荐因为消耗性能this.userInfo['sex']='男';this.$f原创 2022-04-24 15:21:34 · 3900 阅读 · 0 评论 -
Vue上传文件案例,文件参数和其他参数同时传递(转载)
需求简述: 文件上传,从前端页面上 通过选择本地文件或拖拽文件 将文件上传到阿里OSS上,并将记录写进数据库;其中有文件流为参数,还有用户信息啥啥啥的其他参数都要同时从前端传到后端去;html<template> <el-dialog title="上传音乐" :visible.sync="isShow" @update:visible="val => $emit('update:visible', val)"转载 2022-03-09 15:35:38 · 3473 阅读 · 0 评论 -
VUE实现动态添加表单,合并提交多个表单
页面部分<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" .原创 2021-11-29 16:06:59 · 2811 阅读 · 0 评论 -
vue表单验证
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-原创 2021-11-29 15:31:31 · 469 阅读 · 0 评论 -
VUE拖动调节
原理就是通过监听鼠标移动事件来动态改变组件的宽度样式,实现拖动。新建VUE文件dragToAdapt.vue<template> <div class="x-handle" @mousedown="mouseDown"></div></template><script> export default { name: "XHandle", data() { retu原创 2021-11-09 15:44:48 · 547 阅读 · 0 评论 -
VUE---列表增加选中效果
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原创 2021-11-09 15:36:32 · 551 阅读 · 0 评论 -
VUE+ElementUI实现下载进度提示
近期做项目中,发现有些下载时间较长的文件,前端用户没有任何感知,为了改善用户体验,增加了下载进度提示。注意,本文只是纯前端的实现。1. 页面中增加标签<el-dialog title="文件下载中" :visible.sync="downloadProgressShow"> <el-progress type="circle" :percentage="filePercentage" color="red"></el-progress></el-dial原创 2021-07-16 16:15:07 · 2711 阅读 · 0 评论 -
VUE子组件使用this.$emit()向父组件传值
子组件使用this.$emit()向父组件传值 首先必须在父组件中引用子组件,然后实现传值 第一步 在父组件中引入子组件 使用import引入组件 import indexImportOrder from './components/indexImportOrder' 声明 //定义组件 components:{ indexImportOrder, ...转载 2021-07-13 16:11:50 · 504 阅读 · 0 评论 -
vue config.js proxy路径理解
proxy: {"/api": {target:"http://192.168.x.xxx:8090", // 要访问的接口域名ws:true,// 是否启用websocketschangeOrigin:true,//开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题pathRewrite: {"^/api":""//这里理解成用'/api'代替...原创 2021-05-18 18:11:21 · 704 阅读 · 1 评论