- 博客(11)
- 收藏
- 关注
RSS订阅原创 filter\reduce\map数组高阶函数的基本使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> </div> <script src="/Users/sunsumin/Desktop/learning vue.js/vue.js" type=.
2021-09-06 14:39:39
94
原创 （易错）关于ref获取H5元素或组件的问题
ref如果是绑定在组件中的，那么通过this.$refs.xxxx获取的是一个组件对象ref如果是绑定在普通的H5元素中，那么this.$refs.xxxx（例：document.querySelector('.xxxx')就是获取的是一个元素对象
2021-08-26 05:45:42
375
原创 关于better- scroll@1.3的使用
<template> <div class="wrapper"> <ul class="content"> <li>分类列表1</li> <li>分类列表2</li> <li>分类列表3</li> <li>分类列表4</li> <li>分类列表5</li> <li>分类列表6<.
2021-08-26 05:05:20
373
原创 关于created周期函数
测试better- scroll框架时犯了个低级错误<script>import BScroll from 'better-scroll'export default {name:"Category",created(){ new BScroll('.wrapper')}}在引用bscroll时我像往常一样使用了created生命周期函数，其实是不对的，created函数是在组件创建、页面渲染之后创建，此时还未挂载h5标签，所以我这里'.wrapper'是获取不到的，只
2021-08-25 22:29:51
270
原创 （项目）顶部导航栏样式
顶部导航栏在components/common/navbar里面完成解释几点：1.作为公共组件，里面内容绝对不能写死，要利用插槽来对里面内容进行替换，同时注意具名插槽外面要包裹个div2.text-align：center时必须有文字内容才能将盒子撑开，没有文字就height ：44px即可既然是首页的顶部导航栏，那就打开views/home/Home.vue 对navbar进行注册引用编辑1.用中间的具名插槽来替换...
2021-08-22 01:34:18
239
原创 （vue-cli3）[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘catch‘ of undefined“
调用函数点击跳转的时候，页面正常使用，可是一旦点击报下面错误的，解决方案：this.$router.replace(this.path).catch(err=>err)把后面的.catch(err=err)给删掉！但是如果你是脚手架2，删了反而会报错，我吐了，脚手架3的记得删了...
2021-08-22 00:28:10
1235
原创 （导航条）购物商城Tabbar导航条的实现
一、样式1.创建项目完毕后删除默认文件2.assets文件里创建img和css文件夹3.css里创建base.css,创建默认样式,并在app.vue中引用，@import "..."4.写tabbar样式（1）开启flex布局disp（2）子元素：flex:1 均等分 text-align: center 子元素内部文字居中 height:49px 移动端底部导航栏一般高度都是49px box-shadow...
2021-08-21 04:38:16
641
原创 [vue-router] “path“ is required in a route configuration
众所周知，创建完一个vue项目时，尤雨溪会“夹带私货”，一些什么hellovue什么乱七八糟的初始文件都可以删掉，但是删到vue-router时，控制台提示报错（标题），最终发现是router目录下index.js文件里面的path和compoents不能删除！哪怕你暂时没用上，你都不要删！如图有可能你会发现我的index.js代码和你的有点不一样，其实我这里只是对index配置文件的New Router进行了实例化操作，同时还将routes也抽取了出来，之后配置路由只需要往[ ]里面写即可...
2021-08-21 02:22:33
1300
原创 (vue.cli3)vue.config路径起别名
在项目目录下创建vue.config.js文件，这是配置文件，不是在src目录下创建作用引用文件更加快捷简洁，比如大型项目里引用文件可能需要套娃好几层，类似：../../../assets/css/base.css起了别名以后，我们只需要@import from ''./assets/css/base.css''即可引用，下面代码直接复制粘贴到你创建的vue.config.js文件中就行module.exports = { configureWebpack: { resolve:
2021-08-21 01:10:16
249
原创 （项目）Vue.cli3开发目录架构
本章不包含任何webpack、npm、脚手架等等安装步骤，这些都比较基础，但是要找好对应的版本，这个按项目需求自行解决。其实脚手架4的话下面我要讲的目录其实都会自动创建，主要针对公司要求使用脚手架3开发的同学和农民工们。首先我们前端开发是在src目录下，我这里安装的是vue的脚手架3的版本目录下第一个文件夹assets（资源），里面放静态资源图片、CSS样式文件。所以不用怀疑，在assets文件夹下新建img和css文件夹，不要大写第二个文件夹components（组件），但是如果是
2021-08-20 20:38:05
285
原创 MacOS环境下安装git以及两种方法解决项目与GitHub远程仓库地址连接（Vscode）
如何将本地项目中与github仓库连接PS：以下方法前提是运行环境下必须安装git，macOS自带git，且必须全局（global）配置环境变量，这里以macos为例，不过版本很老，但是够用了，打开终端配置用户名git config --global user.name"PinkPinkFloyd"添加电子邮件git config --global user.email"836568391@qq.com"接下来我们演示一下，如何在本地Git存储库上使用文件，创建一个demo文件夹
2021-08-20 11:23:22
1059
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人