随笔分类 - 【前端】vue笔记
摘要：一、mapGetters映射关系 getters.js文件 //getters.js export default { cartLength(state) { return state.cartList.length; }, cartList(state) { return state.cartLi
阅读全文
摘要：//base.css :root { --color-text: #666; --color-high-text: #ff5777; --color-tint: #ff8198; --color-background: #fff; --font-size: 14px; --line-height:
阅读全文
摘要：###加上if判断，先判断是否存在，否则不执行 this.getTitleTopY = debounce(() => { if (this.$refs.param && this.$refs.comment && this.$refs.goodsList) { this.$nextTick(() =
阅读全文
摘要：##一、原因 ###1.下面的nextTick函数，当数据更新了，在dom中渲染后，自动执行该函数； ###2.由于dom渲染完后，图片还未加载完，只占了个坑（目前获取的offsetTop未包括图片），所以offsetTop高度会出现偏差； ###3.offsetTop高度不对时，大多数是图片高度问
阅读全文
摘要：##Vue模板-vue.json { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class='$1'></div>", "</template>", "", "<script>", "export de
阅读全文
摘要：1.创建Vue实例 //main.js Vue.prototype.$bus = new Vue(); 2.发射事件 //GoodsList this.$bus.$emit("aaa") 3.监听事件 //home.vue this.$bus.$on("aaa",()=>{ this.$refs.s
阅读全文
摘要：链接：https://www.cnblogs.com/czy960731/p/9288830.html 链接：https://blog.csdn.net/wangguoyu1996/article/details/80628135
阅读全文
摘要：一、bug原因 由于网络请求是异步操作，所以在渲染页面的时候，数据还没有过来，就可能会有下面的报错 <span> <img :src="commentInfo.user.avatar" alt="" class="avatar"> </span> 数据结构： 二、定义数据模板 提前定义好数据模板：
阅读全文
摘要：props: { commentInfo: { type: Array, default() { return []; } } }, //这里的type是一个数组，但是父传子时却传过来一个对象，所以报错 //把type和return改回Object即可 props: { commentInfo: {
阅读全文
摘要：//加入scoped，可以使样式只影响当前组件 <style lang="less" scoped> </style>
阅读全文
摘要：vant链接：https://github.com/youzan/vant-weapp element链接：https://element.eleme.cn/#/zh-CN
阅读全文
浙公网安备 33010602011771号