前端
白也-baiye
这个作者很懒,什么都没留下…
展开
-
vue中unexpected side effect in 【listshow】 computed property报错
报错 unexpected side effect in "listshow" computed property解决用watch包含listShow函数watch: { listShow () { if (!this.totalCount) { this.fold = true; return false; } let show = !this.fold; if (show) { this.$原创 2021-03-19 19:06:00 · 1123 阅读 · 0 评论 -
vue实现饿了么商品购物页的抛物线小球动画效果
最终效果图原理需要三个组件,最下方蓝色购物的车shopCart子组件,每个加减号组成的购物小球子组件cartControl,和包含每个商品信息的goods父组件。购车小球组件cartControl组件在点击加号时对外触发事件,将小球对象本身传递给父组件goods,再由goods组件作为桥梁将这个信息传递给另外一个子组件shopCart,shopCart组件获取到小球对象后,对该小球进行位置计算,从而实现不同商品位置添加商品的抛物线小球效果。实现过程1.cartcontrol.vu原创 2021-03-19 10:59:43 · 690 阅读 · 0 评论 -
有关饿了么Vue2.0与better-scroll结合问题
问题设置了better-scroll但是界面仍然无法滚动安装npm i better-scroll -Sgoods界面<template> <div class="goods"> <div class="menu-wrapper" ref="menuWrapper"> <ul> <li v-for="(item,index) in goods" class="m原创 2021-03-12 14:42:07 · 137 阅读 · 0 评论 -
vue使用v-for时vscode报错 Elements in iteration expect to have v-bind key directives
错误提示[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source data解决在v-for 后添加 :key=‘item’<li v-for="i in list" :key="i"><div class="item" v-原创 2021-03-03 14:54:40 · 176 阅读 · 1 评论 -
vue2.0开发时导入组件时出错
错误导入自定义组件时出现了如下错误 ERROR Failed to compile with 1 errors 12:35:41This dependency was not found:* components/star/star in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/he原创 2021-03-03 14:50:54 · 779 阅读 · 1 评论 -
vue2.0饿了么--header组件的编写遇到的坑
header组件编写的步骤header 组件需完成:1.头部商家信息的展示2.完成公告部分3.弹出层的实现在这个过程中,很重要的一步是通过异步请求后端数据接口,接收并渲染相关商家数据。如何实现:使用第三方插件 vue-resource,通过在父组件(App.vue)发送 Ajax 请求获得后端数据,然后通过 header 的 Prop 属性将数据传递给 header 组件。过程通过props属性接受到父组件App.vue传过来的数据export default { props: {原创 2021-02-15 02:09:50 · 203 阅读 · 0 评论 -
手机预览vue开发移动端app界面的相关设置
需求为了在手机上预览移动端的项目,以此进行调试方法手机和电脑需在同一个局域网下电脑的防火墙需要关闭项目中config目录下的index.js中关于localhost的设置如下 host: '0.0.0.0',即需要将host:localhost改为hots:0.0.0.0将pc端的localhost:8080/goods中的localhost用ip地址替代将替代后的网址复制,黏贴到https://cli.im/,生成二维码用手机扫二维码,即可查看相应的手机端界面。参考文献h原创 2021-02-07 01:27:16 · 554 阅读 · 0 评论 -
router-link进行高亮设置:全局配置linkActivateClass
需求描述点击某个按钮会产生高亮效果方法页面渲染后,router-link会自动转变为a标签。在点击“评论”时,class标签中会出现router-link-activate,这是vue-router提供的默认值,可以使用main.js(router.js)进行改变。为了实现这一改变,我们可以使用linkeActivateClass属性。这个属性的作用是定义被激活的链接元素的类名。在main.js(router.js)进行如下配置// The Vue build version to loa原创 2021-02-06 15:47:00 · 1101 阅读 · 0 评论