- 博客(90)
- 收藏
- 关注
原创 uniapp中预览base64图片
一、首先要安装插件image-tools,插件地址:https://ext.dcloud.net.cn/plugin?
2024-03-21 10:11:45 479
原创 在数据对象中增加新的属性值,数据更新,视图不更新问题
然后我需要再给他一个对象属性值,就会发现打印出来的数据是更新了,视图不更新,原因是在于在Vue实例创建时, dataTable.bb 并未声明,因此就没有被Vue转换为响应式的属性.1、在刚开始请求tableData数据的方法中,先给它声明一下变量bb,可采用以下方法。2、然后在改变数组对象的属性的时候。
2024-03-18 09:51:54 274
原创 el-input校验过滤
oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数。oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字。
2024-03-06 16:08:13 286
原创 小程序中修改input的placeholder字体颜色样式
一、设计图给出的placeholder的字体颜色跟默认的不一样,需自定义,给其自定义一个placeholder-class。
2024-01-05 15:45:33 723
原创 若依框架导出下载pdf/excel以及导入打印等
二、下载文件,当返回的是文件路径时候(比如:/file/文件.pdf),直接用this.download()方法。三、下载文件,当返回是文件流的形式时候(文件流)上面是excel,如果是pdf,那么。
2023-11-22 15:13:23 2313
原创 小程序中实现图片放大预览功能
2、代码实现,直接使用微信官方文档中的wx.previewImage(Object object)1、小诚信中实现图片放大预览功能,效果如下。
2023-05-08 09:27:59 650
原创 修改element中的el-table的一行的数据,并实时表格更新
一、效果图说明:点击修改按钮,可以修改当前行的屠宰数量,并且实时更新二、主要代码<el-table border ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"> <el-table-column prop="tuzai" width="80" label="屠宰数量" align="center"></el-table-column>
2021-11-02 09:33:48 10583
原创 点击提交时候的动画加载,避免网络卡时候的重复点击提交
一、效果图,点击提交申请,进行数据提交,同时出现加载动画,直到提交完成二、主要代码<!-- 加载窗口 --> <div class="loadings" id="loading"> <img src="img/loding3.gif" alt="加载中..."/> </div>.loadings{ width: 100%; background: rgba(0, 0, 0, 0.5); height: 100%; positio
2021-10-22 15:21:33 282
原创 elementui中的<el-cascader>级联选择器
一、效果功能:使用接口调回来的数据,显示出可选的项,并开始有默认的选项值。二、主要代码<el-cascader ref="cascaderAddr" :options="rangeArr" :props="optionProps" v-model="plable" @change="handleChange3" style="width: 100%;"></el-cascader>解释:(1)数据源不符合官方的数据源,需要重新指向但是我们接口返回的数据源是这样的:
2021-10-22 09:27:23 816
原创 elementUi中的图片预览功能(图片放大、缩小)preview-src-list属性
一、图片有时候需要放大预览,放大后可支持放大缩小等功能,element中的preview-src-list属性可以实现。二、主要代码:<el-form ref="verification" :model="verification" label-width="180px" class="elform"> <el-form-item label="产地合格证:" style="height:162px;"> <el-image v-for="item in
2021-10-12 17:19:07 13279
原创 ElementUi中的<el-select>下拉框同时获取lable值和value值
一、elementui的下拉框官方文档只有获取一个的值<el-form ref="form" :model="form" label-width="180px"> <el-form-item label="屠宰费标准:"> <el-select v-model="form.slaughter_baseline" placeholder="请选择" @change="selectfcn"> <el-option v-for="
2021-09-03 09:44:51 1002 1
原创 cookie的建立、获取、删除(常用于登录)
一、先封装方法//写cookies函数 SetCookie ("xiaoqi", "3")function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值 { var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Date("December 31, 9998"); exp.setTime(exp.getTime() + Days*24*60*60*1000);
2021-09-01 09:47:02 317
原创 ajax请求参数的格式问题(x-www-form-urlencoded、form-data、raw)
ajax请求数据的参数格式有有所不同,提交的方式等也有所差别一、x-www-form-urlencoded是最普遍的格式,直接传$.ajax({ type: "GET", url: Apiurl, data: { scode: scode }, success: function(res) { console.log(res); } error: function(data) { console.log(res.msg); }});二、form-d
2021-09-01 09:34:31 3231
原创 <select>中的动态加载option以及获取选中值、选中属性值
一、例子<select name="house" id="house" class="sew"></select>二、动态加入数据(1)加入for(var i=0;i<records.length;i++){ houseStr+='<option value="'+records[i].warehouse_guid+'"'+'code="'+records[i].current_cnt+'">'+records[i].warehouse_name+'&l
2021-09-01 09:11:54 410
转载 2021-04-07
转载于https://blog.csdn.net/weixin_44096448/article/details/102739414 1.建⽴⼀个公共的js⽂件,专⻔⽤来传递消息。bus.js import Vue from 'vue'export default new Vue 2.在需要传递的两个组件中都引入bus.js import bus from '../util
2021-04-07 09:19:13 64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人