qq_44161722的博客

使用上下键进行完工数量这一列input的切换。

【代码】element-ui表格中嵌套表头不同的表格。

进入后台系统，找到菜单管理，创建对应的页面。在views中创建对应的页面。

【代码】【vue深度监听新旧值一样】解决办法。

vue不是内部命令

https://blog.csdn.net/weixin_46483006/article/details/127205564

经过排查发现是在另一个模块的actions中调用了当前模块actions中的方法，没有传任何值，所以无法结构出来commit方法。另外，在排查过程中看到有人说导致这个错误的原因还有可能是未在main.js文件中挂载store。在使用vuex中的模块是遇到了一个报错，这个报错的意思是解构一个未定义的对象时发生的。找到原因后针对修改，把commit传过去即可。

在vue.config.js中配置。

出现这个报错是因为在使用vuex的moulds时 index.js中已经创建了一个vue实例。，然后在模块文件中又创建了一个，就会报错。

上面代码会导致页面是空白的，猜测是因为当我们刷新 http://localhost:8080/ 后先会执行 router.beforeEach( ) 该方法，因为我们还没有登录，所以获取到本地存储的token为null，会重定向到 /login 登录页面去，重定向到这个页面就会再次执行beforeEach( )方法，造成死循环。当时在做这一部分时遇到一个问题，就是beforeEach出现了死循环，导致死循环的代码如下。在进行拦截之前要在登录成功后把用户token存储到localStorage中。

【代码】blob和ArrayBuffer格式图片如何显示。

通过emit自定义一个changeEvent事件，并把str传过去。父接收：在methods中定义一个方法接收。

点击我

其中name属性指定了过渡效果名称，用于在CSS中定义对应的过渡效果。可以自定义一个或多个过渡效果，然后在CSS中通过该名称来定义对应的过渡动画样式。它能够包裹需要进行过渡效果的元素或组件，通过设置相应的CSS样式来实现过渡动画效果。：元素进入之前触发，用于在过渡开始前执行一些操作，通常用于延迟动画的开始时间。：元素离开之前触发，用于在过渡开始前执行一些操作，通常用于延迟动画的开始时间。：元素进入之后触发，用于在过渡动画结束后执行一些操作。：元素离开之后触发，用于在过渡动画结束后执行一些操作。

在vue.config.js文件中添加。

第二步：在vue.config.js文件（如果没有就新建）中配置。第一步：安装path，如果node_module文件夹中有。

3.打开GenerateTestUserSig.js文件确定appid和密钥填写是否一致。B：打开GenerateTestUserSig.js填写对应key和密钥。网址：https://cloud.tencent.com/1.打开web文件，找到debug文件，进行复制。A：打开web_im根目录找到debug文件夹。：运行前需要配置一下IM的key和密码。然后会打开一个这样的页面，测试成功。2.复制到vue项目的src目录中。下载左侧的体验demo或点击链接。4.导出需要修改一下。

因为设置了display: flex;导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex布局的基础上，再进行子元素宽度的设置，可以应用下面的样式：（在该子元素上设置）

给标签添加class类，注意style要开启局部样式，只在本组件生效，并且要使用sass。可以看到，渲染出来的图片过大。

co模块约定，yield命令后面只能是 Thunk 函数或 Promise 对象，而async函数的await命令后面，可以是 Promise 对象和原始类型的值（数值、字符串和布尔值，但这时会自动转成立即 resolved 的 Promise 对象）。**Promise **：多个异步操作形成了强耦合，只要有一个操作需要修改，它的上层回调函数和下层回调函数，可能都要跟着修改。Promise 的写法只是回调函数的改进，使用then方法以后，异步任务的两段执行看得更清楚了，除此以外，并无新意。

因为uview1.0里的请求不能进行上传，也就是不能upload，所以就不能把上传服务器的接口进行封装，这里采用的是uni.uploadFile。搞了一天，uview1.0上传图片是真麻烦啊。：action是必须配置的。template部分。

场景：比如从问答列表进入到问答详情，在详情页面进行了评论，但重新返回到问答列表时，右下角的回答数量不会进行更新。，在activated中再次请求数据，这样重新返回列表时就会再次发起请求，更新视图数据。原因：在组件中请求数据使用的是created，所以只会加载一次。

跟 v-on 和 v-bind 一样，v-slot 也有缩写，即把参数之前的所有内容 (v-slot:) 替换为字符 #。父组件：必须在 元素上使用 v-slot 指令，并以 v-slot 的参数的形式提供其名称。：需要多个插槽时，可以利用 元素的一个特殊的特性：name 来定义具名插槽。

在做项目时遇到一个报错：Duplicate keys detected: ‘96’. This may cause an update error.大概意思是：检测到重复键:‘96’。这可能会导致更新错误。

1、在pages目录同级下新建目录mixins，并新建文件mixins.js，写入需要封装的方法。在项目中有时一个方法要在很多页面用到，这时就可以考虑使用混入的方式来进行封装，以提高复用性。2、在需要的页面进行引入即可。

最后，最重要的一点！运行项目时要使用ip地址访问，也就是192.168的那个，否则无法获取当前位置。首先，H5端想获取位置，先去腾讯地图开放平台添加一个应用生成key。然后，在manifest.json中添加key（注意这里要勾选）使用localhost访问就是这样的，定位不准确。

*问题：**在使用uniapp中自带的uni.chooseLocation和uni.getLocation拿到当前位置信息后，无法把返回的数据赋值给data里的变量。从上面可以看出，在chooseLocation的回调函数内是可以成功赋值的，但跳出函数就不行了，这里应该是因为this指向的问题。**解决：**在chooseLocation内将this保存在that中，再在函数中使用that即可。

问题：当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用到父元素上边。例如：border:1px solid #00FFFF;在做项目时遇到了这个问题，百度了一下应该是值传递的问题。例如：overflow: hidden;2、在父级中添加padding。例如：padding:1px;1、在父级中添加border。

引入：import createPersistedState from ‘vuex-persistedstate’如果没有配置需要进行存储的数据，默认把state里的数据都进行本地存储。下载：npm install vuex-persistedstate。

有时候数组中有两条或多条数据，但只想渲染其中的某一条，或者在特定的页面渲染某一条二、在特定的页面渲染某一条（比如父组件在调用子组件时传过来一个值，根据这个值去判断要渲染的数据）场景：有时候数组中有两条或多条数据，但只想渲染其中的某一条，或者在特定的页面渲染某一条。一、只想渲染其中的某一条（只渲染第一条数据）子：Review-info.vue。根据数组中的index进行判断。

解决：把插件写到数据请求之后，并且加上this.$nextTick()，nextTick会在dom加载完之后再去执行内部代码。原因：在页面渲染数据之前加载了插件，应该等dom加载完毕后再去执行better-scroll。问题：vue项目使用了better-scroll插件后，向下拉时会出现空白。

报错：Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘id’)”原因：因为JS数据保存在浏览器的堆栈内存里，所以一刷新浏览器就释放JS内存，把堆栈内存清空，所以就Vuex没了数据。解决：使用本地存储保存数据。

3、在package.json 文件夹找到scripts 利用 --mode 来分配我们项目跑起来的指令分别对应的是生产模式开发模式。1、在package.json同级目录下新建 .env.production 生产模式和 .env.development 开发模式。这里面其中的 VUE_APP_ 这个是项目固定写死的，不可更改，其后面的名称可以自己随便取，在这里我取的名字为 BASE_URL。1、在 src 目录下新建 utils 目录，然后新建request.js文件；在home.js中修改请求。

简单理解就是：浅拷贝复制的是对象的引用地址，没有开辟新的栈，复制的结果是两个对象指向同一个地址，所以修改其中一个对象的属性，另一个对象的属性也跟着改变了。：在拷贝的时候，创建新的对象，并把原对象所有的属性都深拷贝到新对象，原属性如果是对象，也会重新创建新的对象并拷贝到新对象属性中，这样。：只复制一层对象，当对象的属性是引用类型时，实质上复制的是其引用，当引用指向的值发生变化时，深拷贝会开辟新的栈，两个对象对应两个不同的地址，修改对象A的属性，并不会影响到对象B。vue中遇到的深拷贝和浅拷贝的问题。

vue.runtime.esm.js?2b0e:4573 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"

user.js和menu.js是单独的一个模块，这里以user.js为例，把对账号进行的操作写在这个页面里。state: { } ==>就是来放入数据的 [ 类似于组件中的data ]modules: { } ==>把每个功能分成一个模块，每个模块都有上面的属性。注意：mapState、mapGetters放在组件中的computed中。mapMutations、mapActions放在组件中的methods中。>存放方法的 [ 类似于组件中的methods ]：集中式存储管理应用的所有组件的状态。...

vuex报错信息：Property or method “$store” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.：下载指定版本vuex。......

在webpack.config.js中配置ttf|woff。：从报错信息可以看到是ttf和woff之类的原因。注意：一旦更改了webpack，就要重启项目。

解决：执行npm install之后 ，直接npm install vue-template-compile，就能正常运行了，这样之后的情况是vue-template-compile的版本比vue要高。查了一天都是在说先把vue-template-compiler卸载了，再重新下，可我只要卸载了之后再安装就会报错。安装vue-resource：cnpm i vue-resource --save。问题：vue和vue-template-compiler版本不匹配的问题。......