Vue.js
vue.js
让我看看谁在学习
学无止境
展开
-
Vue搭建项目过程
1:环境安装安装nodehttps://nodejs.org/en/ 查看安装是否成功(控制台查看版本号存在即安装成功) node -vnpm -v 2:项目搭建1:全局安装vue-clinpm install -g vue-cli2:使用webpack构建项目(根据需要每步选择Y或者N)vue init webpack "xxx" //xxx为你的项目名称(小写字母)第二步可能会报错:vue : 无法加载文件 C:\Users\91...原创 2021-01-09 10:14:53 · 174 阅读 · 0 评论 -
vue-devtools的安装
https://www.suanliutudousi.com/2018/03/18/37563/转载 2019-03-08 15:40:03 · 80 阅读 · 0 评论 -
Vue上拉加载更多
原文地址:https://www.jianshu.com/p/30aa13eedcf9转载 2019-10-21 16:19:06 · 435 阅读 · 0 评论 -
vue父子组件传值
1:父组件向子组件通信:引入子组件 components注册子组件 使用子组件 通过在子组件上绑定数据传值给子组件父组件:<template> <div class="test"> <comp :content="comp1" @child="parentEvent"></comp> <p>从子组件传...原创 2019-10-14 09:38:47 · 115 阅读 · 0 评论 -
Vue页面返回顶部功能实现
原文:https://www.jianshu.com/p/c38c2d129ca0(感谢)<div class="gotop" v-if="showgo"> <button @click="gotop">top</button> <button @click="gobottom">bottom</butto...转载 2019-10-11 10:53:02 · 879 阅读 · 0 评论 -
Vue设置背景图在浏览器宽高100%
1:App.vue中设置:html,body,#app { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}2:在需要设置背景图的页面设置:#container { width: 100%; height: 100%; background-image: u...原创 2019-09-29 11:13:37 · 2809 阅读 · 0 评论 -
Vue+iview表格如何给单个单元格设置样式
官方文档地址:https://www.iviewui.com/components/table#TDYS,单元格:通过给数据 data 设置字段cellClassName可以给任意一个单元格指定样式。 但是如果你使用了插槽的话,你设置 的样式就不会生效。可以使用render函数代替插槽,这样设置单个单元格的样式才能生效...原创 2019-09-26 17:16:50 · 3690 阅读 · 0 评论 -
vue数据渲染页面数据展示出现闪烁问题
在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如<div class="#app"> <p>{{value.name}}</p></div>在加载的时候会看到{{value.name}}原因:由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于vuejs、angularjs这...转载 2019-09-17 11:25:17 · 7781 阅读 · 0 评论 -
vue去除字符串两端空格
一、使用trim修饰符 1 <inputv-model.trim = "massage" > 二、使用filter过去属性html: 1 2 3 4 5 6 <ulid="list"> <inputtype="text" v-mod...转载 2019-06-10 19:51:21 · 5388 阅读 · 0 评论 -
vue 中var _this=this作用
var _this=thisconsole.log(_this)原来的对象console.log(this)//当前方法对象 _this只是一个变量名,this代表父函数,如果在子函数还用this,this的指向就变成子函数了,_this就是用来存储指向的 https://blog.csdn.net/cataclysm2012/article/details/803504...原创 2019-06-03 08:53:39 · 20069 阅读 · 0 评论 -
vue登录路由拦截
参考:1:https://www.jianshu.com/p/2578cc444b702:https://blog.csdn.net/weixin_43851769/article/details/865051643:http://www.cnblogs.com/jszhp/p/10142904.html登录部分:axios,post方法Login() { ...原创 2019-05-06 11:23:26 · 893 阅读 · 0 评论 -
vue打包静态资源路径不正确的解决办法
https://www.cnblogs.com/diantao/p/7776523.html转载 2019-05-05 16:26:31 · 1666 阅读 · 0 评论 -
vue 路由跳转四种方式 (带参数)
https://router.vuejs.org/zh/guide/essentials/navigation.html1. router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // ...转载 2019-04-11 08:40:43 · 1993 阅读 · 0 评论 -
[Vue warn]: The data property "orderId" is already declared as a prop. Use prop default value instea
在使用Vue开发中,使用组件时报了这么一个错误:[Vue warn]: The data property "orderId" is already declared as a prop. Use prop default value instead.翻译过来就是:数据属性“orderId”已经声明为一个PROP。使用PROP默认值代替。经过查找是在组件传值时,传过来了一个orde...转载 2019-04-09 21:50:11 · 3191 阅读 · 0 评论 -
全局组件与局部组件
https://www.cnblogs.com/i-want-to-be-like-an-sun/p/8041731.html转载 2019-04-02 10:42:13 · 429 阅读 · 0 评论 -
vue data属性的三种写法区别
data属性的三种写法1、__<script type="text/javascript"> var app=new Vue({ el:'#app', data:{ isLogin: false } })</script>2、__<script type="t...转载 2019-04-02 10:23:51 · 2409 阅读 · 0 评论 -
为什么使用v-for时必须添加唯一的key?
原文地址:https://www.jianshu.com/p/342e2d587e69v-for中的key使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;我们在使用的使用经常会使用index(即数组的下标)来作为key,但其实这是不推荐的一种使用方法;举个转载 2019-03-20 16:55:01 · 427 阅读 · 0 评论 -
elementUI 表格 prop属性 如何通过判断转换值
替换createTime那一行:<el-table-column :label="htmlText.tbDate" width="80"> <template slot-scope="scope"> <span v-if="scope.row.createTime == 0">正常</span> //这里使用===还是...原创 2019-04-24 10:35:53 · 16011 阅读 · 8 评论 -
使用webpack搭建简单的vue+element-ui项目,并实现模块按需加载
原文地址:https://blog.csdn.net/crazy_jialin/article/details/80435213本文讲述一下在vue项目中搭建element-ui框架,并实现模块的按需加载。准备工作:在此之前,需要大家搭建一个简单的vue+webpack项目,本文讲述的操作是基于这个项目的,所以,需要大家准备一下,具体操作步骤请参考博客(https://blog.csdn...转载 2019-04-08 18:18:35 · 939 阅读 · 0 评论 -
vue项目中使用layUI
1,首先在官网下载对应的文件;下载链接:https://www.layui.com/当然你也可以常识其他的方式:这里有链接,可以自行尝试:https://www.layui.com/doc/2,把解压后的文件放到static目录中3,在html入口也引入相应的文件。 <link type="text/css" rel="stylesheet" href="./...转载 2019-04-09 11:14:38 · 5671 阅读 · 5 评论 -
vue中使用echarts图表
https://blog.csdn.net/amanda_wmy/article/details/79457679Vue 爬坑之路(八)—— 使用 Echarts 创建图表:http://www.cnblogs.com/wisewrong/p/6558001.htmlVue项目中使用Echarts展示图表数据:https://blog.csdn.net/qq_41467587/...转载 2019-04-10 11:01:59 · 342 阅读 · 0 评论 -
vue项目中某一页面不想引用公共组件app.vue解决办法
Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办(比如登陆页面)每个页面都有 导航栏 但是我希望 登陆页面只有一个背景色和一个登陆框 没有导航栏 那应该怎样设置呢?vue中文文档:https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%...原创 2019-04-15 14:47:04 · 15907 阅读 · 5 评论 -
vue单页面应用刷新网页后vuex的state数据丢失的解决方案
1. 产生原因其实很简单,因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值。2. 解决思路一种是state里的数据全部是通过请求来触发action或mutation来改变一种是将state里的数据保存一份到本地存储(localStorage、sessionStorage、cookie)中很显然,第一种方案基本不可...转载 2019-04-22 16:45:11 · 728 阅读 · 0 评论 -
在Vue中使用echarts时遇到的问题总结
怎么引入echarts就不多说了,首先引入echarts,在初始化,配置参数1:echarts环形图:关于legend样式重写:通过formatter属性和textStyle进行修改样式,具体参考这篇文章:https://www.jianshu.com/p/f4338c76b169 环形图环内文字如何居中:1:在series里面的label下设置formatter属性;2:自定义一个...原创 2019-10-10 17:12:15 · 2295 阅读 · 0 评论 -
vue中data中定义图片相对路径页面不显示问题
vue在data中定义图片相对路径:data() { return { active: 1, icon: { active: "../assets/images/home-selected.png", inactive: "../assets/images/home.png" } }; }页面使用va...原创 2019-11-18 20:58:39 · 2867 阅读 · 2 评论 -
Vue中接口发送file文件给后端
1:先取到要传递的File文件this.filecontent = file;2:通过FormData添加数据 var formData=new FormData(form); // 通过append()方法追加数据 formData.append("data","fileContent");3:最后通过接口发送this.$http .post(tha...原创 2020-01-01 09:08:03 · 11699 阅读 · 2 评论