jieyucx的博客

创建一个 questionStore实例，用于在 Hook 中访问和修改 store 中的数据。定义一个名为 useCameraCapture的函数，接收一个包含 time和 photoNum的对象作为参数。time：拍照间隔时间，默认为 5000 毫秒（5 秒）。photoNum：拍照次数上限，默认为 5 次。videoSrc：视频源 URL。imgUrl：捕获的图像 URL。video：视频元素的引用。：文件上传的令牌。picList：捕获的图像列表。

问题描述：如图我输入期数为4，会循环出来4个表格，其中名额分配一栏人数是可以编辑的，但是当我修改第一个表格的数据之后，后面的表格数据也跟着修改了。源码如下问题原因你遇到的问题是因为在生成多个表格时，所有表格的数据都引用了同一个对象或数组，导致数据联动现象。要解决这个问题，你需要确保每个表格的数据是独立的副本，而不是引用同一个对象或数组。解决方案代码如下

被动模式的事件监听器可以提升滚动性能，因为它们不会阻止浏览器在事件触发时进行默认的滚动行为。这个警告是因为在监听滚动事件时，没有指定事件处理程序为被动的(passive)，可能会导致页面滚动时出现性能问题。从源头讲在添加事件监听的地方，为事件处理程序加上一个对象，包含passive: true的属性，表示这个事件处理程序是被动的。这在某些情况下可能是必要的，例如需要阻止触摸事件的默认滚动行为。具体来说，它的作用是确保所有添加的事件监听器的 passive。是一个接口，所有可以接收事件的对象（如。

【代码】element-plus日历组件el-calendar自定义内容，每天绑定不同的值。

单选：多选：弹框表格组件代码这里多啰嗦一句，我这里是自定义列，使用单选框的方式实现的为什么要这样呢，因为我开始是使用多选加反选的方式实现单选，但这样存在一个bug，就是多选框的表头有个全选按钮，点击那个全选的时候会出现反选的问题。

vxe-table官方文档，全局安装教程$print({sheetName: '打印自定义模板',content: `我是合同`});可以接受一个配置对象作为参数。这个配置对象可以包含以下属性：sheetName：打印的工作表名称。style：自定义的CSS样式。content：打印的内容。

是否在setup函数下，不可以在setup里的函数的内部，写在函数内部的话就会出现，获取不到store对象的情况，useStore这个方法的调用位置是有要求的，它只能在setup函数中调用，这是它的语法规定。，在下面打印‘store’时，组件会被渲染两次，打印两次，第一次可以打印出来值， 第二次是个。如上述代码，我在setup中的计算属性函数中嵌套使用了。放到setup中定义就可以了。

如上图，我开始写的静态数据，在data中定义了chartOption1:{…}, 在接口数据返回之后，更新了配置项，在本地开发环境可以正常渲染。但是线上环境出不来，也不报错，接口数据一切正常。无奈最后没有使用‘vue-echarts’这个库，用了echarts原生写法。在接口获取数据以后，调用inintEcharts方法。全局注册v-chart组件。

vue-amap高德1.4.4，区域掩膜效果。//利用行政区查询获取边界构建mask路径。//也可以直接通过经纬度构建mask路径。// 设置地图中心点为北京。

在绑定值变化触发的事件添加 this.$forceUpdate() 强制更新。

Vue中虚拟DOM的实现原理是通过使用JavaScript对象来描述真实的DOM树结构，并通过对比新旧虚拟DOM树的差异，最小化地更新真实DOM。使用虚拟DOM的原因有以下几点：提高性能：真实DOM的更新是非常消耗性能的操作，而虚拟DOM可以通过批量处理和优化算法，将多次的DOM操作合并为一次，从而提高性能。简化操作：通过使用虚拟DOM，开发者不再需要手动操作真实DOM，只需要操作虚拟DOM，减少了开发的复杂度和出错的可能性。

Vue实现响应式变化的方式是通过数据劫持和发布-订阅模式。Vue通过使用方法对数据对象的属性进行劫持，使其能够在属性值发生变化时触发相应的操作。Vue使用发布-订阅模式来监听数据变化，并在变化时通知相关的订阅者更新视图。当数据发生变化时，会触发相应的setter方法，然后通知所有订阅者进行更新。具体实现步骤如下：在初始化Vue实例时，通过遍历数据对象，利用方法将每个属性转化为getter和setter。在getter方法中，将订阅者Watcher对象添加到当前属性的依赖列表中。在setter。

MVC和MVVM是软件开发中两种常见的架构模式，各自有不同的优缺点。MVC）是一种经典的架构模式，将应用程序分为三个部分：模型（Model）、视图（View）和控制器（Controller模型负责处理数据逻辑，视图负责展示数据，控制器负责协调模型和视图之间的交互。MVC模式的优点是结构清晰，分工明确，易于维护和测试。但是，MVC模式在大型应用中很容易导致代码复杂和耦合性增加。MVVM）是一种相对较新的架构模式，它采用了数据绑定和命令绑定的方式来实现视图与数据的自动同步。MVVM。

的使用方法依旧相同，但是有一个重要的改变。在 Vue 3 中，使用。接收到这个数据，并能够改变它。值也会随之变化，即实现了响应式的数据传递。是一对用于父组件向子组件传递数据的选项。传递过来的数据，实现跨层级组件间的通信。属性可以接收父组件通过。能够实现响应式传递数据。在上述示例中，父组件通过。在 Vue 2 中，在 Vue 3 中，

因为设置后，Access-Control-Allow-Origin 头信息就不能设置为 *，而且响应头信息需要添加 Access-Control-Allow-Credentials 头信息，并将其设置为 true。可以在该事件中执行一些播放结束相关的操作，比如显示重新播放按钮、跳转到下一个视频等。可以在该事件中执行一些初始化的操作，比如设置视频源、设置音量等。可以在该事件中执行一些播放相关的操作，比如显示暂停按钮、更新播放进度等。可以在该事件中执行一些暂停相关的操作，比如显示播放按钮、暂停播放进度等。

混入（`Mixin`）是 `Vue.js` 中用于**复用部分组件逻辑的一种技术**。通过混入，你可以将组件的方法，生命周期钩子，甚至 data 都进行复用。

这时需要我们分配更多的内存给。

Vue.js中keep-alive是一个内置组件，可以在需要缓存的组件上添加keep-alive标签，使得这个组件被缓存起来，不会被多次渲染和销毁。keep-alive组件有两个独立的生命周期钩子，分别是activated和。

直接将后端返回的字符串渲染到页面时， 它会。就是你要渲染的带有空格的字符串。有的时候的一些需求是需要你。后端返回的字符串中的。

然后一直yes，也就是敲回车，一直等他跑完就行了。项目根目录下运行如下命令。

【代码】vue编程式导航params传参踩坑记录。

地图懒加载标记点是一种技术，用于在保证网页加载速度的前提下，实现地图标记点的渲染和呈现。通常地图标记点会在元素加载完毕后立刻渲染出来，如果标记点过多或者标记点所在的地图数据包过大，则会导致网页加载速度缓慢。而通过地图懒加载标记点技术，可以让标记点在用户需要查看地图时再被渲染，以减少页面加载时间和提高页面性能。该技术通过前端JavaScript控制地图事件和数据，使得只有当标记点所在的地图区域被用户浏览时，标记点才被渲染出来。同时，

跨域：指的是在网页端，发起一个跨越不同域名（协议、端口号）的HTTP请求的过程。例如：当一个页面的URL为http://a.com，通过Ajax向http://b.com发送请求，就是一个跨域请求。跨域问题是由浏览器的同源策略所引起的。同源策略限制了JS代码只能读取与其来源页面具有相同域名的数据。具体而言，同源策略是一种浏览器安全策略，它通过检查来源URL（协议 + 域名 +端口）是否与目标URL来源是否相同来决定是否允许跨域访问。同源策略主要限制以下四种行为。

如何在vue中引入高德地图在这里就不过多赘述，大家可以看这篇参考。

【代码】高德地图显示影藏交通图层。

这两点在这篇文章就不过多赘述，有需要的小伙伴可以查查资料，或者去高德地图api官网都有很详细的介绍。简单提一下申请秘钥流程（web端）好啦！步入正题，在vue项目中引入高德地图。

el-tab-pane label=“累计客户” name=“second” lazy>测试第一栏Tab中的echarts显示，第二栏使用了click点击加载，请求了数据但是dom没有更新.还有一些其他的情况，我这里是使用这个lazy属性就解决，具体可参考这位大佬的。第一个tab中的echarts正常显示，第二个样式丢失了。延时加载，默认是false,这里添加为true即可。使用element-ui中tab自带属性。

是html5引入的API,它允许来自不同源的脚本采用异步方式进行有效的通信,可以实现跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案.

我开始想的是用vue中给我们提供的过度组件实现，由于自己是菜鸡不熟悉这块东西，懒得看文档了，就自己写了个动画函数，用dom操作实现了动画，具体代码如下。这个主要是参考这位大佬的，写的非常好，我是直接拿来就用了。主要就是设置盒子阴影，主要代码如下。如下：感兴趣的朋友可以试试。

vue2中报错：please transfer a valid prop path to form item!将两者统一就可以了，比如都绑定为des。这是因为form表单的某一项。

报这个是因为在computed中定义了某个属性，只有一个return额，而你在其他地方又对这个属性赋值了就会报这个，比如这样。

可以看到使用 组件了之后可以省去那些繁琐的获取。注册组件之后我们全局都可以直接使用组件了。同样的安装导入，v-charts同样依赖echarts。的原型上，这样我们在全局都可以通过。钩子中写逻辑代码，具体步骤如下，步骤差不多，只不过我们需要在。准备工作做好了，咱们看个例子。绘制如图所示的一个示例图。代码只是圈住的图的部分。

vue跳转外部链接的方法

vue2清空数组了 但是视图没有更新

模板字符串内添加if判断

踩坑修改el-input样式

vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，

vue3 封装城市选择组件实现点击字母跳转到对应城市位置

vue3 v-bind="$attrs" 继承组件全部属性

vue3封装组件预留默认插槽，当插槽中有内容时显示插槽内容，没有时显示某个属性内容