- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 封装element-ui组件的form,提取成项目公共组件
问题:prop: type check failed for prop “prop”. Expected String with value “Invalid Date”, got Date原因<el-form-item v-for="(item, key) of searchForm" :key="key" :prop="searchForm[key]" :label="searchFormLable[key]['label']"><!-- <el-form-item v
2021-05-28 18:26:45 566
原创 h5 video标签,移动端点击播放自动全屏问题
<video id="video" ref="video" :src="fileSrc" class="video" controls="controls" />需要加上连个属性<video id="video" ref="video" webkit-playsinline="true" //视频播放时局域播放,不脱离文档流 playsinline="true" //视频播放时局域播放,不脱离文档流
2021-05-28 17:18:01 1061
原创 pdf在h5显示:vue-pdf 与 pdf.js
需求: 在h5端预览pdf,同时需要判断pdf已经看完,要保存pdf的当前页面,下次打开的时候要回到当前页方式:vue-pdf与pdf.js+iframepdf.js + iframe由于我的项目是要在企业微信打开,所以必须要打包到服务器上测试:所以,我的pdf文件需要先放到服务器上面。在官网上下载pdf.js,不同版本可能有不同的坑,如果想深入了解或者想改pdf.js源码来实现自己的需求,就还是老老实实看源码。//我是直接用Pdf.js已有的一个显示页面来预览,功能很齐全,但是会感觉比较复杂,功能
2021-05-25 13:58:01 1374
原创 企业微信无法带Cookie请求头字段:或Cookie字段失效
遇到问题:同样的代码在pc端chorme浏览器,可以正常在请求头上带上Cookie,但是在企业微信,就不可以。就算我自己写一个Cookie的请求头,并且赋值,但是后端还是获取到的Cookie为null原因:Cookie的请求头是浏览器在HTTP请求的时候根据存在Cookie中的值自行去写入的,就算你自己配置一个名为Cookie的请求头,在最终请求的时候浏览器都会把其替换掉:替换成浏览自行填写的Cookie值。因为pc正常浏览器是会把Cookie的数据填写到Cookie请求头中,在axios或axjx中的
2021-05-19 22:53:23 2204
原创 vue 计算当天进入程序的时间
一开始想法,通过时间戳来做在进入程序的时候获取当前的时间戳timeIn存到sessionStorage中判断今天是否已经有学习时间在缓存中(既今天也打开过程序),然后把这个时间与我这次进入的时间相加:得出今天进入程序的时间再离开程序的时候再把今天进入程序的时间存到缓存localStorage中做法:在app.vue文件中的mounted中把进入程序的时间戳存起来然后在显示页面把处理逻辑弄好最后发现,我无法在关闭程序,或者离开程序的时候,把今天的时间存入缓存,因为app.vue文件中无论是
2021-05-13 23:16:44 402
原创 企业微信 jssdk调用 扫一扫 安卓不行 ios又可以
<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script src="https://res.wx.qq.com/wwopen/js/jsapi/jweixin-1.0.0.js"></script>上面两个引入,无论是引入那一个都是会出现,ios很正常,但是安卓就是死都调用不出来,在手机上,通过vconsole可以看到控制台信息 // // 扫一扫 scan(
2021-05-07 18:08:19 1731 1
原创 element 的loading,加载
通常elementUI框架都是全局引入项目,自然就包括loadingVue.use(ElementUI, { size: ‘medium’ })这是用在页面中就用this.loading的属性使用很简单,element官网上就用说明,但是取消loading状态,官网上就说的有点模糊,对于这种全局引入element的项目来说使用,需要给一个实例给this.loading的属性使用很简单,element官网上就用说明,但是取消loading状态,官网上就说的有点模糊,对于这种全局引入element的项目来
2021-05-06 16:17:46 1191
原创 v-html 中单页面的css不生效
在单页面组件里面,scoped的样式不会应用在v-html内部,因为那部分HTML没有被Vue的模板编译器处理解决方法去掉scoped (不建议使用,会改变布局,导致组件之前的样式冲突)通过 >>> 深度选择器,在scoped属性的情况下,穿透scoped,修改其他组件的值,但是在vue项目中,使用less,或者sass的时候,>>>可能会失效,…这个看命使用 /deep/<style lang="scss" scoped>.article .
2021-05-06 15:54:01 481
翻译 vue 页面某个数据重设,重新变成页面初始化
函数含义this.$data当前状态下的datathis.$options.data()该组件初始状态下的data单独重置data中的某一个对象或者属性this.form = this.$options.data().form但是有可能会出现问题用 this.$options.data() 重置组件data时,data() 里用this获取的props或methods都为undefined解决方法:this.form = this.$options.dat...
2021-04-27 10:30:39 897
原创 npm 下载报错,刚刚下载的node
rror: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_cache_cacache\tmp’npm ERR! [OperationalError: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_cache_cacache\tmp’] {npm ERR! cause: [Error: EPERM: operation n
2021-04-26 14:40:22 160
原创 element form的内嵌属性validate,form表单提交时判断规则
//element form ,通过this.$refs.form.validate打印出来的element源码validate: function validate(callback) { var _this2 = this; if (!this.model) { console.warn('[Element Warn][Form]model is required for validate to work!'); return; .
2021-04-21 00:46:19 2402
原创 element table 左对齐
尝试了fixed=“left”header-align=“left”:header-cell-style="{‘text-align’:‘left’}"都是没有效果然而,align="right"放在对应的上就可以右对齐,但是align="left"显示的还是在中间最后找到了一个 <el-table v-loading="table_loading" :data="tableData" row-key="id"
2021-04-20 11:56:20 3512
原创 注册一个Google遇到的手机验证问题
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-01-13 16:25:40 901 1
原创 vue在vsCode中打包后,点开index.html文件后为空白页面,打包路劲配置
vue在vsCode中打包后,点开index.html文件后为空白页面原因就是找不到资源那大多数是因为你改动了config中的build这个属性//在config中找到这个bulid现在是要打包成 /static/admin/img(js)(css)(静态文件)/views/admin/index.html(显示页面)build: { // Template for inde...
2020-04-28 10:33:32 2759
原创 vue webpack打包后背景图片不能正常显示
找到build下的utils.js文件找到ExtractTextPlugin这里 配置publicPath我这里现在是要打包成的一个打包路径配置是这样的 /static/admin/img(js)(css)(静态文件)/views/admin/index.html(显示页面) if (options.extract) { return ExtractTextPlugin.e...
2020-04-28 10:32:13 704
原创 vue-cli2.9.6版本使用与下载淘宝镜像
vue-cli2.9.6版本使用首先卸载vue-cli:npm uninstall vue-cli -g安装vue-cli2.9.6版本npm install @vue-cli@2.9.6查看vue是否安装成功vue//不报错就完事执行创建项目命令(test为目录名)vue init webpack “test”会出现一些选择项? Project na...
2020-04-25 22:52:27 2103
原创 结合node.js 在form表单中用get方法想再另外传一个id值给node进行处理
因为,如果直接在<form class="form-horizontal" action="/edit?id=<%= editStudent.id %>" method="GET">通过这种方式,在后面提交表单的时候,会把这里的id覆盖掉,无法实现传送到后台通过req接收的效果解决方法:可以通过再传一个隐藏的input来实现,<input type="hi...
2020-04-03 11:04:02 139
原创 微信小程序 左上角返回标签,指定返回的路径
onUnload: function () { wx.reLaunch({ url: '../me/order-detail', //指定url }) },//这里url搞相对路径
2020-03-27 01:23:57 1511
原创 vue的项目如何在手机上测试-vsCode
这是在vsCode编译器上的vue-cli4最重要要确定手机与电脑是在同一个局域网内,如同一个wifi在项目中 npm run serve,点ip地址打开然后草料上生成一个二维码 草料网然后用手机微信扫二维码就可以打开项目了...
2020-03-18 18:31:13 2585 1
原创 vue-cli4配置引入scss全局文件
vue-cli4配置引入scss全局文件link有时候我们想要想webpack的预处理器loader传递选项。你可以使用vue.config.js中的css。loaderOptions选项,这是基于vue-cli4的一个vue-config.js的配置module。有别于3版本// vue.config.jsmodule.exports = { css: { loaderOp...
2020-03-18 02:18:43 1066
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人