故里的博客

1.pointer-events:noneimg{ pointer-events:none;}①适用于微信客户端的手机页面，图片被打开的情况②缺点：会禁止掉点击事件。所以当图片有点击事件的时候，给有点击事件的图片设置pointer-events:auto;那么这个图片又可以长按保存了。 解决办法：建议外边嵌套一层div，在div上绑定事件。img{ user-select:none; -webkit-touch-callout:none; -webkit-use

import * as dd from "dingtalk-jsapi";hideNavBar() { if (dd.env.platform != "notInDingTalk") { dd.biz.navigation.hideBar({ hidden:true, // true：隐藏，false：显示 }); } },

1.使用原因：原本使用了组件自带的图片预览功能，但是在部分手机型号中：预览图片时，（在移动端的webview下面）左右滑动切换图片，会触发应用的“返回上一页”功能。2.解决办法：使用钉钉提供的图片预览Api。3.代码展示：1.引入import * as dd from "dingtalk-jsapi";import { ImagePreview } from "vant";import Vue from "vue";Vue.use(ImagePreview);2.方法pictureP

1.出现问题：项目中出现了多层嵌套并二三级页面来回切换的功能，这样就导致导航栏返回按钮点击时，不能直接退出到指定页面。2.解决办法：引入钉钉H5微应用api，点击返回按钮时指定返回路径。3.使用方法：1.先安装相关依赖npm install dingtalk-jsapi --save2.使用前引入import * as dd from 'dingtalk-jsapi'3.使用（可以考虑设置在App.vue中，页面刷新时在mounted中调用）//数据过多推荐使用switch if (thi

1.简介：上一篇文章钉钉H5微应用出现双导航栏怎么解决，这次我们来说说，用钉钉打开微应用时，如何设置导航栏的标题吧。2.解决办法：引入钉钉H5微应用api，设置导航栏title。3.上代码：1.先安装相关依赖npm install dingtalk-jsapi --save2.使用前引入import * as dd from 'dingtalk-jsapi'3.使用//如果有公共页面要进行动态渲染，也可以考虑在该页修改设置标题哦~router.beforeEach((to, from, n

一、出现问题：1.内嵌钉钉的H5微应用，出现双导航栏。2.公共页的标题展示错误。二、解决办法：1.问题一解决方案：设置一个公共字段，在登录时进行判断。①在src文件夹下新建一个文件modelCommon.vue，创建一个isMobile字段，区分是否是钉钉登录;②在main.js中引入；③在首页设置modelCommon.vue中的isMobile，标识是否为钉钉登录。modelCommon.vue<script>//默认初始值为false,为true时即钉钉登录let i