AAAXiaoApple的博客

vue3中 全局变量在 js文件中引入 并使用

vue项目如何设置字体样式font-family，font-family在项目中不生效

【代码】【js】判断当前页是否是移动端和PC端。

【代码】【uniapp】【h5】滚动区域滚动触发触底加载 scroll-view。

上述nginx配置的意思就是说以 test 开头的路径都会返回index.html，而我们构建时的静态资源还是相对位置（相对于index.html的位置），如果我们把静态资源都是设置为根路径（以 / 开头），浏览器会直接从域名根路径开始请求（相对于域名的位置），请求的静态资源路径nginx就能找到，就不用rewrite，所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。

1.element和swiper的跑马灯对比起来，如果是用vue的话，使用element的跑马灯是非常方便的，但是功能并没有swiper多，如果你想使用跑马灯的loop功能，个人建议千万不要用swiper，如果你只是loop图片，那其实还好，如果loop的数据结构稍微复杂点，能坑死你（针对vue项目，因为在swiper的跑马灯中是不能使用子组件的，而且dom元素上的所有点击事件全部失效，只能通过他自带 的click回调函数操作，非常麻烦，而且数据结构太复杂的话，你还要考虑数据是否具有响应式）

【代码】【uni】 编辑后返回原来页面，数据也改变，还跳到原来的位置。

【picker-view】uni实现带有搜索框的选择器。

第一种，身份证号校验，并且年月日显示****代替。第二种，配合vant的身份证键盘。

代码】【vueclass动态添加样式集合】

点击，全屏放大

百度地图，绘制多个描点

lebel只想前面有星号，但是不想校验

【js】js获取数组最后一位元素的四种方法

vue 四级联动

【object 替换另一对象中的key 值】

select组件 show-search属性不起作用解决方法

【element - select】select 选择框 报错 Error in event handler for "handleOptionClick": "TypeError: value.pu

校验，只能输入数字

【vue filters 过滤器】vue页面 局部使用，姓名只展示 第一个字，其他用 * 代替，手机号 中间 四位 星号 代替，过滤器处理价格，kb mb 文件大小之间的转换，获取未来day天的每一天

【elementui】前端vue elementui中el-input只能输入数字

回显问题，应该回显 label 却只显示了id

vue-echarts介绍：https://github.com/ecomfe/vue-echarts/blob/HEAD/README.zh-Hans.md注意：vue-echarts在使用前要先安装echarts，不要只安装vue-echarts这一个安装vue-echartsnpm i -S vue-echarts echarts注意：Vue 2 下使用 vue-echarts，必须还要安装 @vue/composition-api ：npm i -D @vue/composition-a

阿里字体图标的使用

【vue】前端处理导出，异步导出 vue-json-excel 和 后端方式的导出，前端处理

在做项目的时候，碰到了一个问题，使用日期选择器的change事件时，发现只返回两个参数@change = onchange ,在打印时，只会出现这个两个参数但是，项目上的是使用数组渲染出多个日期选择器的，如果改变其中一个，需要知道改变的是哪一个， 这时就需要传递一个参数，才能知道改变的是哪一个了。使用箭头函数，再添加上自己需要的参数第一种情况（默认有两个参数的） @change=" (date, dateStrings) =>onChange(date, dateStrings, r

思路：login页面登录时 加上角色的标记，存储到本地缓存（localstorage）路由js文件，meta属性加个是否可见（visiable true或false）home 基本导航栏页面逻辑,首先 可以获得到 所有一级菜单和角色标记3.1 for 循环一级菜单3.2-找出角色 所在的 角色数组(判断某个值在不在 数组中)3.3- 然后 所在的数组 visiable 改为true ，其他的改为falseui框架 是ant design of vue主要逻辑代码1-登录页面2-

【前提】：搭建项目商家详情头部时，能够完整渲染出整体头部界面无问题，但开发者工具仍然报出“Error in render: "TypeError: Cannot read property ‘0’ of undefined”错误，具体如下【解决过程】：首先Google翻一下：见文之意：这里的意思就是模板在渲染时候，读取对象中的某个对象的属性值时，这个对象不存在，说通俗点就是三层表达式a.b.c，在对象a中没有对象b，那么读取对象a.b.c中的值，自然会报错。如果是两层表达式a.b则不会报错，返回

修改富文本里图片的样式var richtext= res.data.richtext;const regex = new RegExp('<img', 'gi');richtext= richtext.replace(regex, `<img style="max-width: 100%;"`);this.content = richtext;

1- 安装npm install uview-ui2- 下载之后复制路径中的uview-ui3- 粘贴到项目根路径下4- 在main.js中引入// 引入全局uViewimport uView from 'uview-ui';Vue.use(uView);5- 在uni.scss中引入/** * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.sc

vuex中watch的使用问题：在全局路由守卫中想要通过store拿到异步请求的数据，无法拿到。我们常见使用vuex，一般是这样的：store模块文件写相关的数据信息，模块一test.js：export default { state: { obj: { count: 2 } }, mutations: { add(state){ return state.obj.count + 1 } }, actions: {

1- 安装 yarn add vue-baidu-map-v32-引入 注册 main.js 文件import BaiduMap from "vue-baidu-map-v3";Vue.use(BaiduMap, { ak: "XA59389SXZZZZVRNWexLJSOde7AAHzVAAAuStbP999Swpmf7",});3- public下的index.html 文件4- 解决 跨域问题 （目前项目中使用的是 第一种方案，开发环境中可以，线上环境的话需要后台配合改下 代

1引入安装标准：npm install vue-json-excel国内：yarn add vue-json-excelmain.js 入口文件import JsonExcel from "vue-json-excel"; // 导出Vue.component("downloadExcel", JsonExcel);2使用 导出1- template 中使用 <a-button type="primary" :disabled

vue中v-if与v-show的区别以及使用场景区别1.手段：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏；2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；3.编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译（编译被缓存？编译被缓存后，然后再切换的时候进行局部卸

1- chorme浏览器安装dev-tools1.1 下载devtools安装包链接: https://pan.baidu.com/s/1naR4sJ3loAFUtT4DR-W_5w 提取码: wz4b1.2 把下载安装的crx文件的后缀名改成 .zip ，然后解压到文件夹中1.3 打开Chrome浏览器，地址栏输入chrome://extensions/进入扩展程序管理，打开开发者模式按钮（更多工具==》扩展程序）1.4 打开 加载已解压的扩展程序1.5 关闭浏览器 重新打开，打开vue项目

在表格内修改 某一个值 带单元格编辑功能的表格。 ant design 官网地址父组件内容<template><div> <a-table :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange, }" bordered :data-source="dataSource" :c

vue 中 父组件向子组件传值 props。。vue-组件爷爷孙孙通信之provide/inject

钉钉调试包网址https://developers.dingtalk.com/document/resourcedownload/h5-debug?pnamespace=app移动端调试包：Android调试包: https://download.alicdn.com/wireless/dingtalk/latest/rimet_10006337.apk钉钉rc版调试包：Windows调试包：https://download.alicdn.com/dingtalk-desktop/win_ins

1- vue create xxxx 创建项目名称2- yarn serve 运行

前言vue的组件传值分为三种方式：父传子、子传父、非父子组件传值引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示：下面我们就开始用代码（一言不合就上代码）详细的介绍vue组件传值的三种方式1、父传子子组件的代码：<template> <div id="container"> {{msg}} </div></t