vue
文章平均质量分 94
辣鸡王八鸭
励志在这条路上越走越远
展开
-
vue点赞实现思路
数据库里面存了yy原创 2020-05-06 18:06:46 · 2604 阅读 · 0 评论 -
Vue 自提项目 --小益回收 遇到的问题(二)
@[TOC]小益回收Vue报错vue-router.esm.js?8c4f:2089 Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”, message: “Navigating to current location (”/Orderf...原创 2020-04-28 18:38:02 · 383 阅读 · 0 评论 -
Vue 自提项目 --小益回收 遇到的问题(一)
1.vue设置背景图片如果直接给一个元素添加类 定义他的背景图片,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式:background:url("../../assets/head.jpg");最好使用动态绑定类的方法 <div :style="login"> <input class="login-na...原创 2020-04-11 19:38:52 · 535 阅读 · 0 评论 -
Vue 冷门知识 - -自定义插件 自定义指令 inheritAttrs,attrs 和 .sync 以及 this.$options 和箭头函数中的this
实现子组件与父组件双向绑定的.sync修饰符首先 缕清思路子组件想要修改父组件的值 父组件需要先传递数据给子组件,子组件接收后$emit触发父组件中的函数 才能修改父组件中的值但是这个方法有一个弊端 子组件修改父组件的值需要一个传递的过程,两个值并不是同步的一个组件需要提供多个双向绑定的属性时使用,只能选用一个属性来提供 v-model 功能,但如果有其他属性也要提供双向绑定,就需要.s...原创 2020-04-03 18:17:34 · 491 阅读 · 0 评论 -
去哪儿app移动端项目细节点总结
一 .使用了keep-alive 会放入缓存 跳转页面 不会再重新发起请求解决方案:1.exclude: 组件名 例如<keep-alive exclude="detail"> <router-view/> </keep-alive>2.activated钩子函数中重新加载一次二。在路由的index.js中设置 scrollBehavior 滚动行为...原创 2020-03-31 21:27:49 · 403 阅读 · 0 评论 -
Vue 递归组件与动态样式绑定
组件是可以在自己的模板中调用自身的,不过它们只能通过name选项<template> <div> <div class="item" v-for="(item,index) in list" :key="index"> <span class="item-back"></span> <div class="...原创 2020-03-31 15:06:27 · 504 阅读 · 1 评论 -
v-for 遍历数组和遍历对象
v-for 遍历数组和遍历对象遍历数组<div v-for="(value, key, index) in objectArray"> 姓名:{{value.name}} 年龄:{{value.age}}</div>遍历对象 <div class="area" v-for="(item,key) in c...原创 2020-03-29 12:08:10 · 599 阅读 · 0 评论 -
vue-awesome-swiper 的使用 以及解决swiper插件处理通过append追加上去的元素,无法添加pagination的问题
加上这两句即可observer: true,//修改swiper自己或子元素时,自动初始化swiperobserveParents: true//修改swiper的父元素时,自动初始化swiper原创 2020-02-27 10:49:54 · 428 阅读 · 0 评论 -
vue 项目报错 vue.runtime.esm.js: Uncaught RangeError: Maximum call stack size exceeded
报错提示界面swiper.vue里面里面export default 的name 为Swiper在home.vue里面导入swiper.vue 和导出的name 不一样 所以报错将swiper里面的name修改为 HomeSwiper即可!...原创 2020-03-27 11:20:59 · 5149 阅读 · 2 评论 -
vue-cli4 脚手架工具 与 码云git 使用
vue-cli的作用 快速创建一个基于webpack模板的项目npm install --global vue-cli 安装 vue -V 查看当前版本号git clone 'ssh地址' 复制码云的项目npm init webpack 项目名 使用cli初始化项目npm run dev 运行项目 此时码云git 仓库和本地的仓库代码不一样git status ...原创 2020-03-26 15:49:10 · 487 阅读 · 0 评论 -
vuex基本知识
Vuex是实现组件全局状态数据管理的一种机制,可以方便的实现组件之间的数据共享好处:易于开发和维护实现数据共享数据是响应式的,能够和页面保持同步vuex的核心概念State 公共数据源Mutation 变更全局数据 不执行异步操作Action 处理异步业务 但是在Action中还是要通过触发mutation的方式间接变更数据(在actions中不能直接修改state中的数据,...原创 2020-03-26 10:04:15 · 153 阅读 · 0 评论