随笔分类 -  问题总结

微信网页静默授权(snsapi_base与snsapi_userinfo区别)
摘要：1、区别：有无授权完整服务弹框 2、业务：有的网页只需要用户openid进行绑定，所以不需要弹框授权完整服务，用户会觉得整体体验不好。 3、snsapi_base：scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。 注：静默的另一种：对于已关注公 阅读全文
posted @ 2023-04-27 13:32 zaijinyang 阅读(2008) 评论(0) 推荐(0)
如何在vue项目的public/html中使用自定义变量
摘要：使用vue-cli-service来构建一个vue应用程序，定义一些图标名称变量在.env文件中，需要在index.html中取到变量值。 如：在index.html我看到：<link rel="icon" href="<%= BASE_URL %>favicon.ico"> 首先我在.env 文件 阅读全文
posted @ 2023-03-09 10:44 zaijinyang 阅读(1185) 评论(0) 推荐(0)
uniapp(公众号h5)使用pdf.js
摘要：1、下载pdf.js文件（微信公众号使用的话建议使用2.4的版本，要不然会出现语法上的问题：https://github.com/mozilla/pdf.js/releases/download/v2.4.456/pdfjs-2.4.456-dist.zip）； 2、复制到uniapp项目中： 3、 阅读全文
posted @ 2022-11-18 10:28 zaijinyang 阅读(2976) 评论(0) 推荐(0)
解决Element使用el-image总是从第一张开始的问题
摘要：问题起源： 近期在使用 elementUI 组件库中的Image组件时，其组件会自带一个图片预览功能，仅需要通过传入 preview-src-list （需要预览的图片url数组）即可实现预览。 代码如下（zIndex使用是由于我把这个功能放在弹框上面，所以需要加这个属性才不会被弹框遮挡）： <el 阅读全文
posted @ 2022-10-20 11:54 zaijinyang 阅读(1635) 评论(0) 推荐(0)
vue实现复制功能
摘要：html: <el-button type="primary" size="small" plain class="ml30" @click="_copy(details.id)">复制店铺ID</el-button> js: _copy(context) { // 创建输入框元素 let oInp 阅读全文
posted @ 2022-10-08 17:46 zaijinyang 阅读(30) 评论(0) 推荐(0)
vue使用vue-seamless-scroll点击事件失效问题
摘要：在使用vue-seamless-scroll这个组件的时候发现存在一个问题： 自己写点击事件在滚动的项里面会自己复制一个dom出来，但是事件沒有复制出来。 解決方法: 我查看了很多文档,都是使用的事件代理;在自己需要点击的项中加一个class,在点击事件中用到。 上代码: <div class="b 阅读全文
posted @ 2022-07-25 16:00 zaijinyang 阅读(2812) 评论(0) 推荐(0)
使用provide/inject实现vue刷新当前页面
摘要：推荐使用provide/inject组合实现刷新的原因在于刷新页面的不会出现瞬间的空白页面，用户体验良好。 1、修改App.vue页面 <template> <div id="app"> <router-view v-if="isRouterActive"/> </div> </template> 阅读全文
posted @ 2021-07-30 15:02 zaijinyang 阅读(359) 评论(0) 推荐(0)
vue-router 在新窗口打开页面的功能
摘要：Problem：在vue项目中突然接收到一个需要新开页面的功能 通过看了vue-router，实现这个功能也是可以，详情如下： 1.通过<router-link>标签实现新窗口打开 <router-link target="_blank" :to="{ path:'/details', query: 阅读全文
posted @ 2019-12-02 16:01 zaijinyang 阅读(2144) 评论(0) 推荐(0)
vue中修改第三方组件的样式并不造成污染
摘要：vue引用了第三方组件, 需要在组件中局部修改第三方组件的样式, 而又不想去除scoped属性造成组件之间的样式污染。 此时只能通过>>>，穿透scoped。 但是，在sass中存在无法解析>>>符号，所以可以用/deep/操作符（>>>别名） 1 <style lang='scss' scoped 阅读全文
posted @ 2019-11-11 17:50 zaijinyang 阅读(783) 评论(0) 推荐(0)
element-ui中使用表单验证的问题
摘要：<el-form ref="ruleRules" :inline="true" :model="ruleInfo"> <el-form-item label="规则名称"> <el-input v-model="ruleInfo.ruleName" placeholder="请输入规则名称" cle 阅读全文
posted @ 2019-11-11 13:44 zaijinyang 阅读(610) 评论(0) 推荐(0)
vue动态循环出的多个select出现过的变为disabled
摘要：1 <template> 2 <div class="artcle"> 4 <el-form 5 label-width="100px" 6 :model="testForm"> 7 <el-form-item 8 v-for="(vtem, index) in testForm.version" 阅读全文
posted @ 2019-11-08 16:00 zaijinyang 阅读(1312) 评论(0) 推荐(0)
Cascader 级联选择器无法赋值
摘要：问题: 1 html: 2 <el-cascader 3 v-model="addform.qxvalue" 4 :options="options" 5 :props="defaultParams" 6 :show-all-levels="false" 7 placeholder="请选择数据权限 阅读全文
posted @ 2019-11-08 11:12 zaijinyang 阅读(4055) 评论(0) 推荐(0)
通过数组的某一个属性值进行排序(如id)
摘要：1 let arr = [ 2 {id: 1, name: 'aaa'}, 3 {id: 4, name: 'ddd'}, 4 {id: 2, name: 'bbb'}, 5 {id: 3, name: 'ccc'} 6 ] 7 arr.sort((a, b) => { 8 return (a.id 阅读全文
posted @ 2019-11-08 11:02 zaijinyang 阅读(2981) 评论(0) 推荐(0)
ElementUi使用表单验证出现验证问题
摘要：问题: 使用vue element-ui中的form表单验证出现了输入框或者下拉框中明明有值, 但是却还是提示请输入或请选择,错误如下: 1 <el-form 2 status-icon 3 :ref="employeesRules" 4 :model="employeesForm" 5 label 阅读全文
posted @ 2019-11-08 10:55 zaijinyang 阅读(1787) 评论(1) 推荐(1)
使用vue国际化中出现内置的组件无法切换语言的问题(element-ui、ivew)
摘要：在main.js中引入对应组件的语言包 eg: 1 import VueI18n from 'vue-i18n'; // 引入国际化 2 import elementEn from 'element-ui/lib/locale/lang/en'; // element-ui 英语语言包 3 impo 阅读全文
posted @ 2019-11-08 10:49 zaijinyang 阅读(3310) 评论(0) 推荐(0)
使用element-ui中的el-upload组件时携带其他参数
摘要：解决方法:// template 1 <el-upload 2 action="/api/oss/file/add" 3 :headers="headers" // 如果头部需要传token 4 multiple 5 :limit="1" // 限制文件个数 6 :before-upload="ha 阅读全文
posted @ 2019-11-08 10:34 zaijinyang 阅读(12059) 评论(0) 推荐(0)