m0_65069237的博客

上架华为应用市场时返回过来这个问题。查了一下原来是这个问题。

开发的项目中是vue3的项目，但是有些同事用vue2中的选项式api写法，有些同事使用的是vue3组合式api的写法，此时子页面需要获取父页面的方法把数据传入父页面的方法中。，然后通过函数sendDataToParent来触发emit来调用从父页面中创建的自定义方法","后面可以加入需要传到父页面中的数据，如果没有则可以不用加","在父页面中order-item组件中创建自定义方法navigation和ContactTheUse这里可以方法名可以自己定义。vue3组合式api中淡化了this的作用。

遇到这种情况通常是因为app打包的时候manifestjson文件中App模块配置中的Camera&Gallery配置没有打开，点击相应选项勾选即可

赤道半径，从地球中心到赤道的距离，大约6378.137km；RE，地球半径，有时被使用作为距离单位, 特别是在天文学和地质学中常用，大概距离是6370.856km；由于地球不是一个完美的球体，所以并不能用一个特别准确的值来表示地球的实际半径，不过由于地球的形状很接近球体，用[6357km] 到 [6378km]的范围值可以涵盖需要的所有半径。所以我们通过地球半径进行计算的时候，通常情况下，我们可以使用上面的每一个值都可以进行计算，不过或多或少都会有误差的，但这样的。首先有一个概念需要说一下。

或者导出的名称与导入的名称不匹配，也会引发错误。官方的和我这里本地小程序导出方式不同我这里需要export default QQMapWX;导出而不是官方的module.exports = QQMapWX;在使用腾讯地图api时无法导入到qqmap-wx-jssdk.js文件。然后导入：这里是我的路径位置，可以根据自己的路径位置进行更改导入。解决方法：1、打开qqmap-wx-jssdk.js最后一行。文件存在，但并未正确导出。

1、Hbuilder中点击运行-->运行到小程序模拟器--->运行时是否压缩代码。分析：这种情况是代码文件内存超过2mb无法进行预览上传。3、点击预览即可运行了。

ref的作用主要是：获取页面的DOM元素（样式、位置、文本等）、获取子组件的对象（也是一种通信方式）

因为WBEM是管理协议和网络标准技术的一项业界倡议，这个程序对系统的正常运行是非常重要的，所以不能删，必须保存环境变量中，删了就会导致系统网络的一些问题，其中network：unavailable的出现就是问题之一。

第一步，在vuex中matations模块中加入存储数据的方法第二步，在需要提交数据的页面使用this.$store.dispatch方法通过点击事件submitForm即可将数据传入vuex中。点击跳转到About页面。

代码本身没有问题，但是因为这是一个ESLint的错误提示，但是它指出了在文件E:\vscode\vuesua\src\views\HomeView.vue中的第18到33行存在缩进错误。具体来说，第18到25行的缩进应该是2个空格，而第26到33行的缩进应该是4个空格。此外，第25行函数的左括号前应该有一个空格。这些错误可以通过手动更正代码或使用ESLint的--fix选项自动修复。而webpack编译时出现了1个错误，需要查看具体的错误信息来进行修复。在vue开发过程中第一步总会遇到一个问题，就是。

在实际开发工程中通过获取后端数据监听判断数组中长度是否大于0从而调用其他的方法，但是如果data域中的数据出现变化的话。

keep-alive是vue中内置组件，无须引入或者下载插件，直接可以引用，且可以保存组件的状态不被销毁，从而保证组件中所有的内容状态得以保留。

这个需要使用uniapp中的api：uni.previewImage，使用方法如下。这样就可以实现照片的预览和全屏展示了。

我们直接通过索引0来获取boxes数组中的第一个对象，并将其赋值给变量obj。然后使用Vue提供的$set方法，将name属性插入该对象中，并赋值为土鸡。这样就实现了将属性name：土鸡插入到第一个对象中的操作。模拟后端获取的数据boxes,然后我们把新的name：土鸡，把boxes第一个对象的name属性‘张三’，跟换成土鸡。加入我们是更改数组中的第一个对象，在vue中可以使用$set方法将属性插入到第一个对象中作为属性。

如果是数组中每个对象新增属性就用map遍历每个对象加入新增的属性，如果是给数组插入新的对象就使用push或者unshift总头或者尾部插入对象。

涉及到的知识点：钩子函数mounted和created的区别：先看问题，父组件从后端通过$ajax获取数据，在将父组件将值传输给子组件，使用子组件使用created钩子函数获取数据，按自己的想法应该是父组件先获取后端数据，在传入给子组件，可是事实是，子组件先获取数据，父组件在从后端获取数据，这样的话子组件就没有数据获取为空。解决方法：将子页面中钩子函数created变成mounted调用type函数方法，这样就可以让父页面的函数先运行获取后端数据，在吧数据传入子页面，子页面获取数据在输出。

我们发现，每一个字符串前两位字符都会在正方形盒子中出现，且这个盒子的颜色顺序和刚才使用的color数组中的顺序一致。substr方法，0表示从字符串下标0开始，2表示字符串下标2结束，不包括2，[0-2)所以是获取两个字符。在列表渲染中将对象中代表字符那一串属性写在template中，这里是name。所以获取的是response的下标index。默认样式为class=“boxhe”

然后遍历这个数组，当i等于idnex时将对应的元素背景变成‘#e5e5e5’，通过定时器设定一个延迟时间为0.15s，当延迟时间结束后背景颜色恢复为空（这个不要也可以），将图片判断的属性showimg=true，从而达到切换图片的作用。第二个红线是包裹图片的盒子，只要点击this.activeIndex=index，那么红线的判断式就成立，从而改变图片包裹的盒子的样式，从灰变绿，

分类管理

data() {return {{ name: '对象1', image: 'image1.jpg' },{ name: '对象2', image: 'image2.jpg' },{ name: '对象3', image: 'image3.jpg' },{ name: '对象4', image: 'image4.jpg' },{ name: '对象5', image: 'image5.jpg' }],methods: {// 名字为空，给出提示title: '请填写名字',});

'':''}}删除</button></li><input v-model="newItemName" placeholder="请输入新对象的名字"><input v-model="newItemImage" placeholder="请输入新对象的图片"><button @click="addItem">添加</button>

原理：通过v-model双向绑定inputvalue记录输入的值，在使用一个变量 isExceedLimit来判断是否超过了最大的限制标志位，通过computed监听inputvalue的变化。将inputValue.length的长度赋值给count，通过isExceedLimit = count，如果超过3，由于isExceedLimit时布尔类型，相等即为真为true，，可能大家有疑问为什么是大于3而不是4呢，因为记录inputvalue的值是从0开始的，0-3一共有4位所以实际就是判断4位字符了。

的图片地址，通过push方法将。原理通过获取input中。

原理：先在父级盒子中的container的样式中加入position: relative;在横条从横条的样式中加入position: absolute;让横条在父级盒子底部，然后设置transition: left 0.5s;让向右滑动的效果持续0.5秒，然后在html页面中通过。这样得话是不是就看起来丝滑很多下面得横条是直接从第一个盒子滑动到第二个盒子。：代码中的这些部分是自定义组件，需要区components目录中进行注册才行。），在JavaScript中通过列表渲染的每个盒子的下标index。

再写数字键盘的时候遇到了一个问题就是我已经通过：calss渲染了不同键位的样式，但是点击键位为了和用户有交互，那么点击时改变颜色就显得比较重要了，但是以及使用了:class了在使用一次改变样式的话就是报错，所以这次改变键位样式且0.15s恢复的这个功能将不使用：class来实现使用:style来实现。使用uni-app编写一个列表渲染，其中包含三个元素，并实现点击其中一个元素时改变其颜色样式，同时不使用。主要是实现不使用：class的情况下也能实现盒子样式的改变。指令渲染列表，并为每个元素绑定单击事件。

这里我们可以看见因为我们判断的元素是id所以id最大只能是i-1（i=4）也就是3，但是index没有别判断所以任然可以等于数组长度的最大值index=4，这样的话点击筛选的时候就可以触发别的点击事件比如弹窗等，不会受到id条件的限制从而无法触发事件，（前提使用index来进行触发而不是id）。

这个的话目前遇到的分为两种情况，一种是数组类型的也就是列表渲染的属于传的值数组属性，另外一种是不是列表渲染的属于对象属性。

平时老是听说通信方式，经过这几天的实际操作也明白了一些怎么操作的情况，下面就引入一个实例进行操作后面会的方法更多了后也会更新更多的实例操作如果有错的地方还望大佬指正：先看主角这几个页面。

方法一：列表渲染的情况下：通过json.stringify将数组转化成对象。B页面：通过json.parse来获取对象。

这种情况一般就是忘记在pages.json里面忘记配置页面信息了，我这里是忘记配置pageA/audit/audit了。

这个的话直接上代码：先是temp部分。

重复点击同一个盒子是不会改变图片的样式的，比如重复点击第二个盒子，isBoxSelected就一直等于false，但是第二个盒子是取反的！isBoxSelected，所以等于true，第二个盒子就是蓝色图表。因为默认选中的是第二个所以刚开始第二个盒子中的isBoxSelected: true, 第一个 isBoxSelected: true,

script>data(){return{activeIndex:0,//索引box:[boxs:[id:'1',text:'一月'},id:'2',text:'二月'},id:'3',text:'三月'},id:'4',text:'四月'},id:'5',text:'五月'},id:'6',text:'六月'},id:'7',text:'七月'},id:'8',text:'八月'},id:'9',text:'九月'},id:'10',

这样就可以点击后变色然后通过定时器setTimeout设置0.15秒后返回原来的颜色即可完成这个操作。

由于代码好久没有上传到阿里云了发现pages.json配置文件更改了，需要合并操作才能上传。

代表的意思是设置动画的名字叫做：name 一次循环的时间是0.75秒，infinite：无限循环。图片路径可以自己找其他的图片来代替即可。

在实际开发过程中我们会遇到从右往左的滑动效果还不是从上到下的滑动效果，比如：那么这种效果是怎么实现的呢直接上代码选择门店">">">">">

这里的重点就是给class弄一个判断通过判断showCodeone的false或true来确定是否更换样式，给showCodeone的初始值是false，所以样式是.img-default的灰色，当点击以后showCodeone变为true样式变成 .img-active所以就达到了点击变成橙色的效果，嗯~ o(*￣▽￣*)o如果不理解的话可以复制粘贴代码运行一下试试，图片在阿里云盘上面的所以可以实现的。这种情况的实现也很简单只是样式中的文字的样式喝边框样式color、border改变了代码如下所示。

但是有一个缺点，就是每次真机调式都必须去详情里面勾选这两次选项才行嗯~ o(*￣▽￣*)o希望能帮到大家。输入自己的Appid即可：就可以使用了，不知道appid的去微信小程序官网里面搜一下就行了。点击详情---基本信息-----修改Appid即可。解决方法：将本地设置下面红圈框上的打勾就可以了。