Anlantic的博客

原创 小程序使用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