摘要：
wxs weixin script，小程序的脚本语言；可以结合wxml构建页面结构； 说白了 就是在小程序里面写函数表达式的地方； wxml里面直接使用wxs，有错误再次刷新就能解决 <wxs module="info"> var str = '小明'; var fun = function (a, 阅读全文
posted @ 2019-10-20 11:33
前端伪大叔
阅读(3137)
评论(0)
推荐(0)
摘要：
和生命周期是同级，在.js文件里面设置 点击按钮分享 喜欢的小伙伴可以关注为的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 11:31
前端伪大叔
阅读(692)
评论(0)
推荐(0)
摘要：
onLoad -- 页面被加载出来 onShow -- 页面显示出来后 退出后两小时进来，只会执行这个生命周期 onRady -- （逻辑层传给渲染层后才会执行）监听页面初次渲染完成 onHide -- 页面隐藏时候 onUnLoad 页面跳转时候？ 喜欢的小伙伴可以关注我的微信公众号“前段伪大叔” 阅读全文
posted @ 2019-10-20 11:29
前端伪大叔
阅读(549)
评论(0)
推荐(0)
摘要：
定义模板 - > 必须要设置name 引用； 直接把数据传给模板，结构出来；在模板中就可以直接使用{{url}}，而不用使用{{item.url}} // wxml中引用 <import src="/pages/muban/listmuban.wxml"/> <view wx:for="{{data 阅读全文
posted @ 2019-10-20 11:28
前端伪大叔
阅读(765)
评论(0)
推荐(0)
摘要：
通过路由传参的方式，会自动导入到目标页的onload的形参中； 点击页 // 父级循环 事件 点击后传的值event接受 <view wx:for="{{9}}" wx:key="{{index}}" bindtap="shijian" data-index="{{index}}"> <templa 阅读全文
posted @ 2019-10-20 11:27
前端伪大叔
阅读(1562)
评论(0)
推荐(0)
摘要：
1、git下载，找到dist文件； 2、把dist文件中的style复制到根目录 app.wxss引入这个文件 @import '/style/weui.wxss'; 3、dist文件中example目录复制到根文件，（里面是设置相关的代码，直接复制出来使用） 4、app.json把需要引用的文件引 阅读全文
posted @ 2019-10-20 11:24
前端伪大叔
阅读(4350)
评论(0)
推荐(0)
摘要：
<view bindtap="change" data-index="{{index}}">哈哈</view> change(event){ const dataset = event.target.dataset; const index = dataset.index } 阅读全文
posted @ 2019-10-20 11:24
前端伪大叔
阅读(3243)
评论(0)
推荐(0)
摘要：
安装命令 可以直接复制官网的引用，复制到main.js里面；就可以忽略下面所有步骤 找到css文件 index.css 在index.html引入这个文件 \node_modules\element-ui\lib\theme-chalk/index.css文件 把里面的fonts文件也一同引入文件夹 阅读全文
posted @ 2019-10-20 11:22
前端伪大叔
阅读(847)
评论(0)
推荐(0)
摘要：
喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 11:20
前端伪大叔
阅读(2706)
评论(0)
推荐(0)
摘要：
喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 11:19
前端伪大叔
阅读(37688)
评论(2)
推荐(0)
摘要：
定义一个ele.js文件 官网：https://element.eleme.io/#/zh-CN/component/quickstart // 方法1 import 'element-ui/lib/theme-chalk/index.css'; import Vue from 'vue'; imp 阅读全文
posted @ 2019-10-20 11:18
前端伪大叔
阅读(4107)
评论(1)
推荐(0)
摘要：
设置权限 有权限页面 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 11:16
前端伪大叔
阅读(629)
评论(0)
推荐(0)
摘要：
多用月input标签 定义的时候 直接写ref=“id” <el-input placeholder="请输入内容" style="width: 150px" v-model="id" ref="id" > </el-input>name: 调用的时候，this.$refs.id.value; th 阅读全文
posted @ 2019-10-20 11:15
前端伪大叔
阅读(1741)
评论(0)
推荐(0)
摘要：
父组件给子组件src地址； 子组件 loading 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 11:11
前端伪大叔
阅读(1023)
评论(0)
推荐(0)
摘要：
专属生命周期 用于子组件缓存，可以让子组件缓存还是不缓存 网上找的很不错， 1、直接使用 <keep-alive> <component> <!-- 该组件将被缓存！ --> </component> </keep-alive> include - 字符串或正则表达，只有匹配的组件会被缓存 excl 阅读全文
posted @ 2019-10-20 11:08
前端伪大叔
阅读(5784)
评论(0)
推荐(0)
摘要：
因为依赖路由的params参数获取写在created生命周期里面，因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据。 解决方法：watch监听路由是否变化。 喜欢的小伙伴可以关注我的微信公众“前端伪大 阅读全文
posted @ 2019-10-20 11:04
前端伪大叔
阅读(2294)
评论(0)
推荐(0)
摘要：
先拉出数据显示，每次往下滑动的时候在拉去pagesize+3 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 11:02
前端伪大叔
阅读(624)
评论(0)
推荐(0)
摘要：
监听基本类型的都是浅度监听 watch的深度监听,监听复杂类型都是深度监听(funciton ,arrat ,object) // 监听对象 data(){ return { a:{ b:10, c:20 } } }, watch:{ a:{ handler(a,b,c){ console.log( 阅读全文
posted @ 2019-10-20 11:01
前端伪大叔
阅读(4837)
评论(0)
推荐(0)
摘要：
router.js main.js中 ok 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 10:59
前端伪大叔
阅读(2631)
评论(0)
推荐(0)
摘要：
main.js .vue moment时间戳-过滤器 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 10:58
前端伪大叔
阅读(5697)
评论(0)
推荐(0)
摘要：
v-for和v-if不应该一起使用，必要情况下应该替换成computed属性。原因：v-for比v-if优先，如果每一次都需要遍历整个数组，将会影响速度，尤其是当之需要渲染很小一部分的时候。 错误写法 <li v-for="user in users" v-if="user.isActive" :k 阅读全文
posted @ 2019-10-20 10:55
前端伪大叔
阅读(14046)
评论(0)
推荐(1)
摘要：
不同组件之间的路由跳转流程图 导航被触发（A–>B） 调用A组件内路由守卫beforeRouteLeave(to,from,next) 调用全局路由前置守卫router.beforeEach(to,from,next) 调用B路由独享守卫 beforeEnter(to,from.next) 解析异步 阅读全文
posted @ 2019-10-20 10:50
前端伪大叔
阅读(3723)
评论(0)
推荐(1)
摘要：
安装 创建router.js 配置main.js 或者 喜欢的小伙伴可以关注我的我微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 10:48
前端伪大叔
阅读(795)
评论(0)
推荐(0)
摘要：
大体思路，一个页面，多个按钮，点击按钮后都跳转到一个路由；通过父亲传的值是什么，来决定跳那个路由；ajax数据也是通过判断来决定拉那个数据 路由； export default { routes: [ { path: '/', name: 'index', component: ()=>import 阅读全文
posted @ 2019-10-20 10:45
前端伪大叔
阅读(544)
评论(0)
推荐(0)
摘要：
喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 10:42
前端伪大叔
阅读(159)
评论(0)
推荐(0)
摘要：
喜欢的小伙伴可以关注我的微信公众号“前端伪大叔” 阅读全文
posted @ 2019-10-20 10:41
前端伪大叔
阅读(553)
评论(0)
推荐(0)
摘要：
1、照片随着大小变化； 这里面重点就是每个包裹盒子是25%，图片是100%显示； <div class="box2"> <p> //这里都是4个； <img src="./wangjunkai.png" alt=""> </p> </div> .box2{ width: 100%; } .box2 阅读全文
posted @ 2019-10-20 10:40
前端伪大叔
阅读(601)
评论(0)
推荐(0)
摘要：
yarn依赖npm，是npm中的一个包 https://www.npmjs.com/package/yarn 1、安装 npm i -g -yarn 2、测试是否安装成功 yarn --vresion 3、安装依赖 如vuecli yarn global add @vue/cli 4、创建项目 前期 阅读全文
posted @ 2019-10-20 10:38
前端伪大叔
阅读(17383)
评论(0)
推荐(1)
摘要：
1.安装node.js 下载地址：http://nodejs.cn/download/ 测试是否安装成功 node -V 检测安装包 npm -v 检测npm 2、安装webpack 从webpack 4.X开始，需要全局安装webpack-cli 测试是否安装成功 3、全局安装vue-cli，在c 阅读全文
posted @ 2019-10-20 10:33
前端伪大叔
阅读(381)
评论(0)
推荐(0)
浙公网安备 33010602011771号