使用Uniapp开发钉钉小程序--有你，全是坑，有你，我幸运！！！

---

前言

最近，公司让我独立开发一个钉钉小程序，于是乎就用了uniapp！谁会想到，地狱之门就此打开了！

---

全网唯一，持续更新中！！！

一、页面添加图片

1. 添加图片
   重点来了！！图片没有显示出来！！路径没错啊！！！
   难道是img很大，要wait一会？？？
   不行，喊人帮忙！！！
   学姐思考了一番，突然，要放在static文件夹下！！！
   
   这样一来的话，是可行的！可我还是不清楚原理，知道的小伙伴们在下面留言咯！！

二、添加map组件

1. 微信小程序自己的地图太好做了，插件市场一大堆，可是钉钉小程序的要怎么做呢！
   当然去钉钉开放平台搜寻答案了！
   可是文档一上来就给我塞满，可我不需要这么多啊！！！
   于是我删减了再删减！！！
   
   按照一般情况下，只需要一个经纬度就够了，scale是缩放等级，也不需要！
   运行一下，结果当然是可以！
   
   但是真机预览出问题了，地图没有加载出来！！！
   
   怎么回事！！艹！！！垃圾uniapp！
   年轻人，别急！肯定是有属性没写啊！！！
   
   别忘了，data里面！！！
   

试了半天，加上这个之后，完美显示！！！那么这到底是什么东西！！！
看文档咯！！！
然而，我没有看懂！！！

三、去掉map组件的指南针和比例尺

1. 地图已经完美加载出来了，可是地图上面有可恶的指南针和比例尺，还有LOGO
   

2. 看文档咯！！！
   

文档写的太对了，那么我们动手试一试呢？

失败！！！失败！！！失败！！！
提交工单，询问客服！！！

于是乎，我们改一下

再问客服咯！

此贴终结！

好了，那我们只能换一种思路，看一下官网给我们提供的实例！

钉钉开放平台和支付宝开放平台基本一样，由于支付宝开放平台有详细实例，我们来看一下

它是一个点击事件，点击这个按钮的时候，指南针和比例尺就会消失！

那么我们只要把这些函数放在生命周期里面就行了啊！

重点！！！var that = this

直接this. 无效！！！

为什么呢？我百思不得其解？知道的小伙伴在下面留言吧！！！

四、Use v-bind or the colon shorthand instead.

1. 官网的小程序使用v-bind全是双大括号的形式！
   
2. 作为一个cv工程狮，我们直接就来！
   

很显然，Uni-app不同意！！！

百度咯！！！

:setting=“hhh” 这样写才是正确的！！！

总结

前端发展的如此快速，各种框架，开发工具应运而生，哪个好用，哪个不好用，原生更好，还是其他更好，都值得我们探索。。。

未完待续！