sunshine641的博客

原生小程序项目，用VScode打开，再运行到微信开发者工具，一直在报错内容大概是：[ WXML 文件编译错误] ./.history/pages/……全是说history这个文件夹下的内容报错原因：使用vscode开发的时候，如果安装了local history，编辑代码中会自动产生history文件，其中也会包含一些为完成，或者出错的代码。微信开发者工具开发小程序的时候，会去读取这个文件夹，就会检测到历史文件中的错误，然后在控制台中输出这些错误解决办法在项目根目录下创建.vsc

需求：就是标题，要求表格可以随页面窗口高度自适应，铺满。过程：项目使用的antd-Vue 组件，组件属性里可以设置表格的高度，通过设置固定高度，当表格高度大于y值时，就生成滚动条来固定表格的高度。（这里的scroll是针对表格内部数据做的限制，而不是整个组件。）但是固定值，不能像宽度一样自适应（直接设置外层容器百分比就可以实现自适应）。解决：通过Window.onresize 事件来监听窗口大小的变化，然后document.body.clientHeight 获取窗...

标题就是精髓哈！前景：Vue项目，为了适配表格大小，在Mounted用window.onresize监听窗口大小，获取document.body.clientHeight的值。写在了js文件里，通过混入Mixins引入页面。在页面内Watch监听clientHeight，来改变表格的高度。问题：打开页面A后，成功监听到clientHeight值的变化，然后打开一个新的页面B也没问题，从B返回A后，A就监听不到clientHeight的变化了。解决：之前以为是window.on

最近在做微信公众号遇到的问题：vue项目第三方发布到微信公众号上再点击刷新后，页面加载访问后台接口获取不到token。检查发现是因为 从sessionstorage取的token值为null。开始还以为是刷新导致的数据丢失，所以一直在尝试保存数据，没能解决问题。最后找来找去发现是路由问题，搭建项目的大哥在配置路由时，修改了默认路径，导致刷新后路由跳转到了url。最后删掉了配置，就可以了。。。。啧...

​​​​​​​官方文档： 微信开放文档 官方文档可以看上边。主要步骤一、获取codehttps://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect引导用户点开上面的链接，向微信请求授权获取code主要修改...

vue html页面打印功能vue-print-nb - 潇湘羽西 - 博客园

需求：在antd select组件中，既能模糊搜索选择下拉框的选项，又能输入保存不存在的选项。思路： antd的select组件案例中，已经示范了怎么搜索选择。但是如果搜索不存在的选项，失焦后输入框内容会被清空，所以我们用提供的事件方法blur，去保留输入框内容。输入内容时，触发search事件，获取的value值即为输入内容；在search事件内调用change事件，将value值赋给组件；在组件失焦时，将value输入框内容赋值给组件，防止被清空；增加选项可...

<template> <div class="login-box"> <a-form-model :model="user" :rules="rules" ref="loginForm"> <a-form-model-item prop="username"> <a-input placeholder="请输入账户" .

跳转页面js方法: 参考链接window.open('http://www.baidu.com','_blank'); //新页面打开window.open('http://www.baidu.com','_self'); //当前页面打开html标签://在a标签中跳转，用target：<a href="http://www.baidu.com" target="_blank"><a href="http://www.baidu.

在Vue使用计时器后 ，clearInterval（）不起作用，并没有消除计时器搜索了下 ，大概总结一下原因：解决办法：不要直接使用setInterval(fun,5000) 和 clearInterval() 会出现clearInterval 失效的问题。建议采用window.setInterval(fun,5000) 和window.clearInterval()参考链接：原因解决...

自定义校验HTML代码<a-form-item label="联系人电话" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-input v-decorator="['phone', validatorRules.phone]" placeholder="请输入联系人电话"></a-input> </a-form-item>data中验证定义data

问题：下拉选择框本来是正常的，突然变得奇怪：点击打开下拉菜单后，鼠标在菜单内移动后，滚动条会自动滚动到菜单最底部，且鼠标滚轮滚动可用，但是 滚到指定位置，还来不及鼠标单击选择，滚动条就又自动滚到最下面了。解决：原因是因为 select-option 使用v-for渲染时，key值不能重复或者为null在项目中是调用的数据库的数据，检查数据库时发现，有内容为空null，所以导致出错dictCode格式说明: 表名,文本字段,取值字段我这里 v-for key即对应的gift_id 的值

最近要把 jeecg的前端项目部署到服务器上，结果出了错误。我一个前端超级小菜鸟啥也不会，鼓捣了好久 。项目部署打包用的是webstrom，Antd-Jeecg,写好的项目 直接 build打包，会在项目目录下生成一个dist文件将dist文件复制到服务器上的 nginx文件的HTML文件夹下我这里是复制到别的自己建的obd文件夹了，因为HTML下已经有别的项目了。到时候 修改配置 引用进去就好了。后台服务器配置nginx文件（jeecg文档参考链接 ）修改 nginx下的conf

先放上echarts教程的官方文档：https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts安装：npm安装echartsnpm install echarts --save配置：全局引入，在main.js文件中添加以下配置：import echarts from 'echarts'Vue.prototype.$echarts = echar.

半吊子前端，刚开始慢慢摸索JS，参考了很多代码，勉强实现功能，有更好的方法也希望大家能跟我分享，感激不尽！实现效果解说：要求实现一个如上图的进度条，用来设置及显示超速等级初始显示已保存的数据及对应的进度条状态，不同等级进度条会显示不同的颜色1： 鼠标按住圆形浮标拖动，可修改2中数值，同时进度条也会随之修改颜色，2也会随着移动2：这里显示数值。包括：①刚进入界面时，显示之前保存的数值 ②拖动浮标1时，随之一起变化的数值 ③此处同时是个输入框，可以输入想要的数值进行修改...

Viser真的真的真的很不行 ，最好先学完Echart再来看这个，还好理解些，或者就别看这个了 ，echart不好吗！！因为项目用的jeecg，里面图表用Viser写的，所以愁苦了好一阵以柱状图为例Vue环境： <v-chart :forceFit="true" :height="height" :data="dataSource" :scale="scale" :padding="padding"> <v-tooltip/> &l..

只贴关键代码部分：input的样式设为隐藏 ，就不会出现选择文件的按钮；事件handlefile来处理上传图片 img 点击事件根据其id绑定input的点击事件 ，这样点击图片即点击input选择图片 ； ：src这里是在动态加载路径 ，不需要的直接 src=“” 就好<input type="file" id="f" accept="image/*" @change="handleFile" class="hiddenInput" style="display:none...

在这里插入代码片@TOC实现表格奇偶行不同背景样式实现表格等奇偶行的不同样式Css实现:nth-child() 选择器：:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。tr:nth-child(odd){ background:#000;}tr:nth-child(even){ background:#fff;}纯JavaScript实现var tableDemo=document.getElementById