![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
猫头嘤
…
展开
-
父子组件之间的传值问题
1.父子之间传参1.1.父传子首先在父组件中:然后再子组件中:注意:圈起来的里面是关键,在父组件中的<son :msg="fatherMsg"/>,然后在子组件中用props来接受父组件传过来的msg,最终直接渲染在html中。2.2.子传父2.父子之间方法的调用2.1.父调用子首先在子组件中定义好方法:然后再父组件中:注意:子组件定义好方法后,父组件通过$refs进行调用。2.2.子调用父子首先在父组件中定义好函数:..原创 2020-05-26 09:21:18 · 488 阅读 · 0 评论 -
Vue将本地图片转化为Base64,并浏览
在Vue中(其他类似),如何将本地上传图片转化为Base64,并浏览。话不多说,直接上代码!<template> <div> <input type="file" :value="fileValue" id="upImageFile" @change="ImageToBase64"> <img :src="i...原创 2020-04-02 09:21:42 · 5788 阅读 · 1 评论 -
Vue脚手架开发APP时,在子页面隐藏Footer
需求描述:最近在做一款APP,其中遇到这么一个问题,在首页中点击坐标 ----> 进入地区搜索子页面然后在首页有Footer部分,而在子页面没有,这个是怎么实现的呢??其实最主要的是为路由添加一个属性App.vue<template> <div id="app"> <Header/> <router-vi...原创 2019-11-27 19:40:02 · 785 阅读 · 0 评论 -
vue项目报错vue-router.esm.js?8b48:2007 Uncaught (in promise)
今天做vue项目时,当我多次点击跳转路由的时候,控制台报错:两种解决方案:方法一:原因可能是在重新下载依赖包时,安装的vue-router还是之前出错的那个版本,在项目目录下运行 npm i vue-router@3.0 -S 即可。方法二:在main.js中添加以下代码:import VueRouter from 'vue-router';const router...原创 2019-11-18 10:52:54 · 990 阅读 · 0 评论 -
VUE中的UI组件
VUE中的UI组件 组件功能 组件名称 VUE2的web UI工具 element VUE 2中的移动UI mint-ui VUEjs 的开源 UI 库 iview 响应式 UI 库 ...原创 2019-09-18 16:08:06 · 362 阅读 · 0 评论 -
Vuex学习笔记
教程来源:https://www.bilibili.com/video/av39088530/?spm_id_from=333.788.videocard.11前言:概念1.什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.Vuex也集成到Vue的官方调试工具devtool...原创 2019-09-26 09:18:46 · 338 阅读 · 0 评论 -
vue/cli 3.0中使用百度地图api
参考地址:https://juejin.im/post/5bc1515fe51d450e5e0cbf87首先,申请百度地图ak其次,引入百度地图js,在public/index.html里面添加下面代码 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"&g...原创 2019-08-12 17:54:03 · 2195 阅读 · 0 评论 -
ElementUI学习笔记,已完结!!!
ElementUI一.介绍ElementUIElementUI中文网 :https://element.eleme.cn/#/zh-CNElement-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是Mint UI 。1.设计原则Consistency 与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念...原创 2019-06-10 23:58:28 · 15637 阅读 · 5 评论 -
vue-calendar基于vue的日历插件
本文转载于https://www.cnblogs.com/zwhgithub/p/8005414.htmlvue-calendar-component基于 vue 2.0 开发的轻量,高性能日历组件 占用内存小,性能好,样式好看,可扩展性强 原生 js 开发,没引入第三方库效果Installnpm i vue-calendar-component --savecnpm...转载 2019-08-08 18:44:23 · 35656 阅读 · 2 评论 -
关于VueCli3.*中JQuery导入问题,以及导入外部JS、CSS文件问题
1.JQuery导入首先,控制台进入到项目里面输入命令:npm i jquery (顺便说一下卸载:npm uninstall 插件名称,如:npm uninstall jquery)回车后即可安装成功其次,在main.js中导入然后,配置.eslintrc.js文件最后,配置vue.config.js(注意:如果有vue.config.js文件就直接配置,如果...原创 2019-08-12 16:50:01 · 482 阅读 · 0 评论