前端Vue框架
luolvzhou
大家一起学习啊!!!
展开
-
vue绑定Class属性和style样式的用处
很多时候我们在做开发的途中,一般不会遇到需要用v-bind绑定class属性的地方,其实这是一个比较关键的绑定,决定了某个<div>是否在某一时刻运用某一种class属性的辩解。<div class="static" v-bind:class="{active: isActive, 'text-danger': hasError}"></div> 在此证明关...原创 2019-05-29 20:46:26 · 244 阅读 · 0 评论 -
vue与vue-cli之间的反思和学习一
各位大佬,大家好,今天跟大家一起分享一下Vue和Vue脚手架的知识,经历过了Vue和Vue-cli学习的朋友你肯定会知道在官网上的学习,Vue和Vue-cli有许些的不同,为什么?因为在官网上初学vue的人,会感觉vue不就是调用一下vue.js的原码进入html界面就可以在<script></script>中进行界面动态信息的绑定和操纵了,其实没有那么简单,...原创 2019-05-29 20:04:54 · 5172 阅读 · 0 评论 -
对于自建vue框架响应式布局
1. 首先在data(){ }中,定义一个浏览器当前宽度的变量,并初始化当前加载出来的浏览器的宽度,data(){return{screenWidth:document.body.clientWidth,}}然后用watch去监听screenWidth值的改变,watch:{ screenWidth(val){ this.screenWi...原创 2019-05-31 17:36:05 · 5876 阅读 · 0 评论 -
vue.js实时监听浏览器界面大小改动的办法
mounted() { let self = this; this.screenWidth = document.body.clientWidth; //767 this.screenHeight = document.body.clientHeight;//350 window.onresize = () => { return (() =...原创 2019-05-31 15:06:26 · 4344 阅读 · 0 评论 -
css控制div产生滚动条的方法
.div{width:100%;height:200px;overflow-x:hidden;overflow-y:auto;}/*兼容IE*/.div{scrollbar-face-color:#20a774;/*移动滑块颜色*/scrollbar-shadow-color:#20a774;/*移动滑块...转载 2019-05-30 22:58:42 · 2823 阅读 · 0 评论 -
css对于背景图片平铺的处理方式
border:1px solid red;width:100%;height: 350px;background-image: url("../image/timg.jpg");background-repeat: repeat-x;background-size:100% 100%;原创 2019-05-30 17:09:33 · 3390 阅读 · 1 评论 -
css 文字溢出变成省略号的回答
word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/css加入这几句话,屏幕缩小后自动变成省略号......原创 2019-05-17 16:04:44 · 1171 阅读 · 0 评论 -
对于如何解决vue.js跨域问题的方法
各位大佬,今天我想在这写点东西,关于昨天一直无法解决的vue.js跨域问题的请求。在此有一定深入的解析和探讨。昨天遇到的问题是在vue的methods里面加入了一个方法,当然这个方法是被绑定在一个提交表单的按钮上,在这个方法中运用的是axios进行数据传输和通信的协议。这个axios与ajax是一样的用法,都是可以进行前端到后台的数据传输。那么axios进行跨域传输的时候,比如前台起...原创 2019-05-16 09:56:41 · 485 阅读 · 0 评论 -
关于axios的post用法
axios.post('', { data: params},{ headers: { 'Access-Control-Allow-Origin':'*', //解决cors头问题 'Access-Control-Allow-Credentials':'true', //解决session问题 'Content-Type': '...原创 2019-05-19 11:52:40 · 44599 阅读 · 0 评论 -
Vue.js 学习笔记: 第三课
在Vue.js中有一个不成文的规定,{{ }}双大括号和" "双引号的影响是一样的,所以这二者在一定程度上有一种有我没你,有你没我的性质。 对于Vue中显示效果的 if 条件判断是用v-if、v-else-if、v-else <div id="app-1"> <div v-if="type === 'A'"> A </...原创 2019-04-29 15:41:53 · 456 阅读 · 0 评论 -
Vue.js 学习笔记: 第二课
关于Vue.js相关知识,我们连载第二课 首先来说说关于vue.js调用函数的问题,即computed和methods,举个例子 <div id="app-1"><h1>{{details()}}</h1></div> 我们都知道双大括号中封装的是内容,所以对于当前details()后面加了括号这种,默认...原创 2019-04-29 13:08:06 · 156 阅读 · 0 评论 -
Vue.js学习笔记:第一课
通过对Vue.js官网的学习和研究,我总结出以下的一些小知识点,说出来跟在座的各位分享一下这些前端框架的知识,作为一个初学者来说,启动vue-cli这个东西去学习vue是件不容易的事情,因为对vue各种功能,组件,框架,套路并不熟悉,还是需要通过对官网中一些细小知识点的总结和学习慢慢深入对vue整体的学习,希望各位早日可以看懂vue大多数的代码,写出一个自己的vue前端或者整体的网站...原创 2019-04-28 14:40:20 · 178 阅读 · 0 评论