vue
tx_xiaobai
这个作者很懒,什么都没留下…
展开
-
【vue】echarts 自适应
<template> <div ref="chart" style="width:100%"></div></template><script>export default { props:{ options:{ type:Object, required:true } }, data(){ return{ chart:null } }, me.转载 2020-11-26 10:02:13 · 172 阅读 · 0 评论 -
【VUE】异步等待,同步调接口
一、使用 async await 方法async mouseleave(e,node,data){ this.qwer = data.dataID; await this.$refs.rightContent.mouseleave(this.qwer) // 调用 rightContent 组件中的 方法 await this.$refs.rightContent.callchildmethod();},二、使用 this.$nextTick(()=>{{.原创 2020-10-22 11:24:47 · 2258 阅读 · 1 评论 -
【VUE】子组件给父组件传值
子组件通过this.$emit()的方式将值传递给父组件this.$emit('父组件指定的传数据绑定的函数',子组件给父组件传递的数据)子组件:<template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </...转载 2020-03-31 10:41:57 · 144 阅读 · 0 评论 -
【vue】vue-cli 2.x -- 接口封装(3)
接口封装:一、src文件夹下创建一个api文件夹(自定义文件夹名),创建一个index.js(可自定义)二、index.js内容如下:// 引用路由import route from "../router/index.js"// 配置API接口地址// var root = 'https://cnodejs.org/api/v1'var root = 'api'// ...原创 2020-03-26 20:19:51 · 642 阅读 · 0 评论 -
【vue】vue-cli 2.x -- 引入scss、写组件、axos 安装(2)
开始创建页面、样式一、创建样式1、src 目录下 创建 style 文件夹 style 文件夹下创建 scss/less 文件夹(用于放各个页面的样式)2、原创 2020-03-18 22:06:49 · 261 阅读 · 0 评论 -
【vue】vue-cli 2.x安装及快速入门(1)
前期工作:1、检查node、npm 是否安装 node -V npm -V2、安装vue-cli 脚手架工具 npm install -g vue-cli 3、创建项目 vue init webpack 项目名称(不能有大小写) 一系列操作后、会出现 cd 项目名称 ...原创 2019-07-25 16:27:07 · 358 阅读 · 0 评论 -
【vue】原生上传图片
/* 因为上传请求的头是["multipart/form-data"],所以要封装一个上传接口请求*/上传接口请求:function uploadApiAxios (method, url, params, success, failure) { if (params) { params = filterNull(params) } axios({ ...原创 2019-07-25 15:49:10 · 917 阅读 · 1 评论 -
【vue】引入外部js文件
1、先在static -- js文件夹内创建js: public.js /** * 时间戳转时间 */export function formatDate(value){ // var val = JSON.parse(value) var date = new Date(value*1000);//时间戳为10位需*1000,时间戳为13位的话不需...原创 2019-07-29 14:47:42 · 615 阅读 · 0 评论 -
【VUE坑】打包后 index.html 空白
最近在build打包vue项目遇到了几个问题,如下:1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。原因:找到config文件下index.js,全局搜索assetsPublicPath,结果是 assetsPublic...原创 2018-10-12 10:55:07 · 326 阅读 · 0 评论 -
【vue坑】 打包后背景图片不显示问题
vue打包后CSS中引用的背景图片不显示问题 今天在插入背景图片过程中,遇到了路径错误的问题,通过网上查询,找到了解决的办法,但是大部分都没有讲造成这种问题的原因,故我简单地总结了一下,并加入了一些自己的理解,欢迎共同探讨~ 当用vue-cli自动构建项目后,有两种运行方法,分别是: npm run dev : 提供一个开发的环境,自动热更新,资源使用绝对路径,所以可以正常...转载 2018-10-12 10:50:40 · 585 阅读 · 0 评论