Anlantic的博客

原创 论小程序height:100vh或100%的大坑

1、scroll-y使用变量控制，输入框聚焦设置设置为false,失去焦点设置为true。问题也相当于没解决。咦，解决方案的高度100vh怎么和我的那么像呢，于是抱着试试的心态，将scroll-view的height改为了height:calc(100vh - 1rpx),然后发现成了。问题：原生小程序使用scroll-view包裹的很多输入框(input),当输入内容时，输入框的文字会向上跑，就是错位的问题。2、使用input的always-embed设置为true,对于我的问题没解决。

原创 vue新项目安装依赖报错 npm install 显示证书过期

第二个问题：Cannot read properties of null(reading pickAlgorithm')原理 ssl证书过期，安装就会出现问题，这种方式绕过ssl检查安装依赖 安装完了再修改严格的SSL。然后再进行npm install 这就发现已经能安装依赖了。第一个问题：certificate has expired。解决方案：清一下缓存 然后再npm install。

原创 复习：封装全局获取js每一种数据类型

/ "Null" 首字母大写，typeof null 是object 需要使用toString判断。// "Array" typeof [] 是object 所以使用toString返回。// "undefined" 通过typeof判断 因为没有传参就是undefined。// "undefined" 使用typeof可以判断。// "string" 字符串可使用typeof判断。// "Window" toString返回。//"RegExp" toString返回。

原创 vue项目解决eslint一打开就报红色的问题

我这个是在vscode中设置的settings.json中添加了这个配置。保存之后就不报红了。然后这些报红解决了，就又出现了一个eslint的问题。

原创 小程序使用uview的日历组件后面发现一个小bug:日历组件重复点击两三次之后，日历就不能选。

uview的日历组件重复点击几次无法选择的问题

原创 记录一个vue3的ref的大坑

然后呢 我筛选数据之后就发现 我的另一个用reactive定义的list数据已经更新了 但是模版一直没有更新 然后在网上各种查资料最后都没有解决 最后过了一天来看 直接被自己气死。我们都知道vue3的ref定义一个变量是响应式的，在模版中直接用变量名就可以，如v-if="!但是在js中必须要使用.value赋值之后才能是响应式的 如 isEmpty.value = true。最坑的是ref定义的变量不使用.value来赋值也是可以赋值的 唉 基础不牢。数据长度为0 说明为空。

原创 使用vue3遇到的坑:vue3在setup中使用路由是导入useRouter,在其他js文件，例如封装axios中怎么使用路由跳转。

使用router，就是导入router实例。

原创 vue3使用element plus将日期国际化

原创 远程创建了仓库，想把本地已经有代码但是没有仓库的项目初始化仓库并连接到远程仓库

git commit -m "fiirst master" 出现create 这些字样时等待执行完毕 这一步刚开始会没有反应 需要等一下。先追踪 git add . 或者git add --all( 不执行就执行下面一行会出现 untracked files....)通过git status 可以查看到所有的文件变成绿色 ===》说明已经被本地仓库管理。4、推送到远程master分支。2、将代码推到本地仓库。

原创 需求：git本地仓库已有远程仓库，更换远程仓库，并在远程仓库创建dev分支，在本地开发完成之后推送到dev分支。

此时的本地拉取下来的代码就是dev分支 现在再使用vscode推代码时就已经直接推到dev分支上去了。这里通过 git remote -v 查看当前的远程地址应该是空的 啥也没有。2.git remote add origin 新的远程的地址。git clone --branch dev 远程地址。此时新分支的代码和master分支的代码就是一致的。1、删除本地的远程仓库，重新更换远程仓库。2、在远程上面创建新的分支dev。3、本地拉取远程dev分支的代码。

原创 产品详情页有产品推荐，点击产品详情里面推荐的产品跳转到产品详情页怎么做

注意：这里从当前页面跳转到空白页 再从空白页跳转到产品详情页都要使用this.$router.replace来实现，不然在产品页返回上一层就返不回去了 在这里死循环了。问题：当前是在产品详情页，点击推荐产品也要跳转到产品详情页，不能在当前页面使用this.$router.push直接跳转到当前页面。解决方法：创建一个空页面，先跳转到空页面再从空白页面跳转到当前页面。

原创 vue路由重复点击会报以下错误

vue-router重复点击跳转到同一页面

原创 解决vue2中使用amfe flexible进行移动端适配出现 Invalid options object 问题

把plugins使用postcssOptions对象包裹起来再重启即可以。使用vue2,脚手架是5.0的 报一下错误的解决方案。方法来源于大神，链接如下。

原创 uniapp中使用scroll-view实现初横向滚动，初始化时将选中的子元素展示在

uniapp横向滚动设置选中元素显示在可视区域

原创 npm install 报--force或者--legacy-peer-deps问题

npm install --force --legacy-peer-depts

原创 html引入别人的移动端的picker组件出现初次加载不能用，点击刷新之后就能使用

【代码】html引入别人的移动端的picker组件出现初次加载不能用，点击刷新之后就能使用。

原创 uniapp修改input的placeholder

给包含input的父类添加一个类 使用 ::v-deep去搜索修改input-placeholder的样式。

原创 vue3配置vuex

步骤2：创建Vuex Store 接下来，在您的项目中创建一个新的文件夹，用于存放Vuex相关的文件。在上面的代码中，您可以在createStore方法的参数中定义您的state，mutations，actions等。步骤3：在Vue应用中使用Vuex 在您的Vue应用的入口文件（通常是main.js或App.vue）中导入并使用您刚刚创建的Vuex Store。现在，您已经成功配置了Vue 3项目中的Vuex。在index.js文件中，您需要导入Vue和Vuex，并创建一个新的Vuex Store实例。

原创 uniapp中的两个tabbar页面互相传参

在onLoad函数中通过getApp().globalData.paramsData获取传过来的参数对象使用。

原创 html中使用element-plus

不通过vue-cli使用element-plus需要 引入vue3和element-plus 还有element-plus的css文件。2、引入vue3、element-plus、element-plus所需的css文件 这里我是通过cdn引入。element-plus是专门基于vue开发的一个ui组件库 需要使用到vue创建实例。1、创建一个基础的html骨架 并创建一个用于挂载vue的div。4、将element-plus安装成为vue的插件。5、使用element-ui组件进行测试是否成功。

原创 vue中的v-bind、v-on和v-model

vue.js的v-bind、v-on、v-model