![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
不丸子
一个技术界的小学生,请多多指教
展开
-
web打印插件hiprint的简单使用
官方地址:http://hiprint.io火狐打印预览无法显示图片。其他浏览器兼容var panel = hiprintTemplate.addPrintPanel({ width: 176, height: 250,paperNumberDisabled:false ,paperType:'B5'}); panel.addPrintText({ options: { width:260,height: 27,lineHeight:26, top: 11, left: 120, titl原创 2022-02-10 08:22:02 · 2031 阅读 · 0 评论 -
js调用vue里面的方法或变量
mounted() { //声明调用js的方法jsfunction的时候,调用vue的方法:vuefunction window.jsfunction = this.vuefunction; }, methods: { vuefunction() { console.log('vuefunction'); } }<a href="javascript:void(0);" onclick...原创 2022-02-10 08:17:39 · 2294 阅读 · 0 评论 -
设置html表格为细线
设置表格为细线:<style> .table-style{ border-collapse:collapse;//设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示 border-spacing:0;//属性设置相邻单元格的边框间的距离 border-left:1px solid #ccc; border-top:1px solid #ccc; } .table-style th,.define-table td原创 2022-02-10 08:12:49 · 1763 阅读 · 0 评论 -
vue中radio、select设置默认选中
radio默认选中:<span v-for="(item,index) in refArray"> <input type="radio" name="inspectionRef" v-bind:value="item.id" v-model="defaultInspectionRef" class="radio"/>{{item.name}}</span>self.defaultInspectionRef = 默认选中的value;select默认选中:原创 2021-12-15 09:28:17 · 4099 阅读 · 0 评论 -
vue中radio单选框单击取消选中状态
cleanchecked: function(event) { event.target.checked = false;//取消选中状态}原创 2021-12-15 09:22:22 · 2486 阅读 · 0 评论 -
vue常用校验规则
1、IP地址:export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d原创 2021-12-15 09:19:35 · 4543 阅读 · 0 评论 -
vue改变元素颜色
<div class="font-color" @click="change($event)">color</div>function中增加点击事件方法: change(event) { let temp= event.currentTarget; //获取点击的目标对象 //$('.font-color').css('color', 'red') //把之前的颜色都去掉 temp.style.color = 'black';原创 2021-12-15 09:03:30 · 1766 阅读 · 0 评论 -
“errcode“:81013,“errmsg“:“user & party & tag all invalid
企业微信推送时候,第三方应用的token已经成功获取,推送时候显示消息如下:{“errcode”:81013,“errmsg”:"user & party & tag all invalid, hint:[1132269108_208_ca77d838d1c411e3353870d5893a3d22], from ip: 122.220.xxx.xxx测试1、首先将推送用户修改成@all,如果目标用户在相关的企业,一定会收到信息。2、登录企业微信,检查推送用户的USERID是否存在,原创 2021-09-23 17:29:59 · 8544 阅读 · 0 评论 -
wx:if判断是否为空
在页面中,判断这个integer类型是否为空的时候,以下语句无效。<view class="h2 clear" wx:if="{{item.waterInflow == null}}">修改成<view class="h2 clear" wx:if="{{item.waterInflow}}">或者<view class="h2 clear" wx:if="{{!item.waterInflow}}">即可正常判断是否为空。...原创 2021-05-11 22:01:53 · 4411 阅读 · 1 评论 -
开发者工具可以正常运行手机无法预览
首先,确保手机与小程序后端服务之间的链路是通的。其次,开发者工具-》右上角的详情-》勾选不校验合法域名。再次,手机扫码后的页面,点击右上角的三个点,选择打开调试模式。满足以上三点基本就可以用手机预览了。...原创 2021-05-11 08:52:41 · 643 阅读 · 0 评论 -
switchTab:fail can not switch to no-tabBar page
switchTab:fail can not switch to no-tabBar page使用wx.switchTab方法,跳转页面失败,只能跳转到tabbar定义的页面。修改成用redirectTo或者navigateTo。修改前,增加了debug语句:wx.switchTab({ url: '../sew/sew', success: function (res) { var page = getCurrentPages().pop(); if (page == undefined原创 2021-05-07 09:14:32 · 13832 阅读 · 0 评论 -
application/x-www-form-urlencoded和application/json的那些事儿
相信搞过B/S的同学应该都会接触到这个问题,即由前端传参到后端,数据的传输问题。当我们在前端提交参数,如何才能在后端,通过者springboot正确的接收全部参数?如何才能通过@RequestBody或者@RequestParam接收传输参数?前端传递json到后端的情景:json的两种情况:传递json字符串。传递json对象。1、json对象类型:Content type:application/x-www-form-urlencoded;charset=UTF-8。当我们点击页面提交。在spri原创 2021-04-19 08:18:01 · 2086 阅读 · 0 评论 -
VUE数据变化视图不更新解决方案
原文链接:https://www.cnblogs.com/xieli26/p/10108703.html问题:在vue项目中,我更改数组中的某一条数据,直接arr[i]=newVal ,发现页面上数组没有实时刷新;查看官网发现:由于 JavaScript 的限制,Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue当你修改数组的长度时,例如:vm.items.length = newLength举个例子:复制代码转载 2021-03-17 08:56:51 · 667 阅读 · 0 评论 -
使用cnpm打包VUE脚手架项目步骤
一、安装环境1、安装依赖库cd dts-shop/admin-uinpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install2、编译与运行会自动弹出首页,如果出现管理后台登录页面,则表明管理后台的前端运行正常cnpm run dev二、打包1、切换到项目根目录下,运行打包命令cnpm run build #相关文件被打包结果报错npm ERR! missing script: build,原创 2021-02-01 08:06:40 · 1617 阅读 · 0 评论 -
RFID读写器web插件实现读卡写卡
目标:通过友我科技的服务,实现跨浏览器的高频IC卡(S50含M1卡)的读卡(使用读卡器YW-605HA)基于RFID读写器云服务的web开发指南:1、下载客户端的服务,并安装http://www.youwokeji.com.cn/cloudreader/YOWORFIDReaderCloudForWeb.exe2、安装后在页面中包含js文件<script language="javascript" src="http://127.0.0.1:8008/YOWOCloudRFIDReade原创 2020-11-21 23:09:45 · 3294 阅读 · 5 评论 -
CORS详细说明
http://www.ruanyifeng.com/blog/2016/04/cors.html转载 2020-11-10 15:30:30 · 219 阅读 · 0 评论 -
vscode取消保存自动添加分号功能
1、安装prettier插件2、修改setting.json打开json文件后,添加如下节点"vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true } }重启vscode即可原创 2020-09-24 10:04:23 · 4195 阅读 · 0 评论 -
vue中@click.native.prevent说明
元素中绑定了这个事件<el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">登录</el-button>1、在封装好的组件上使用,所以要加上.native才能click。2、prevent是用来阻止默认的事件。就相当于…event.preventDefault(),父组件想在子组件上监听自己的cl原创 2020-09-22 09:31:28 · 19647 阅读 · 0 评论