Vue
文章平均质量分 86
无极的移动代码
好好学习 好好工作 好好生活
展开
-
Vue 整理
vue是一套渐进式框架(mvvm),数据层跟视图层的双向绑定使得开发更加方便,随便说几个优点:不需要像html页面那样频繁的操作真实的dom元素,它本身都是虚拟dom跟数据进行捆绑,降低了性能消耗。较小巧,运行速度快将注意力集中保持在核心库,有丰富的插件库提供了组件化的视图组件开发容易上手,无论是路由拦截,还是其他的都非常方便…Vue.js借鉴了Angular以及React的一...原创 2020-04-09 00:51:04 · 167 阅读 · 0 评论 -
vue 组件
1、props踩坑必须使用-驼峰写法才能传进去原创 2019-11-10 21:57:13 · 84 阅读 · 0 评论 -
iView表格(table)渲染(render)
添加链接描述转载 2019-11-01 14:17:29 · 688 阅读 · 0 评论 -
iview的render函数渲染使用案例
1、如何使用div在同一个列中使用多个组件代码:{title: '开始时间', key: 'kssj',width:300, render: (h, params) => { return h('div', [ h('Date-Picker', { ...原创 2019-06-25 13:49:49 · 1910 阅读 · 0 评论 -
记录 vue+iview 踩过的坑
1、iview多选框复选框前端控制台报错:代码list需要定义为数组lable加冒号2、iview确认密码校验<Modal v-model="modalPassword" :loading=true :mask-closable="false" @on-cancel="handleReset('resetPassword')"> <div slo...原创 2019-06-17 10:41:11 · 646 阅读 · 0 评论 -
java + iview + vue 实现多文件上传到本地服务器
1、前端页面<Modal width="800" v-model="modal" :title="'批量导入照片' " > <i-Form :model="saveform" ref="saveform" :rules="ruleValidate" :label-width="90" > <i-Conten...原创 2019-05-20 13:31:48 · 2935 阅读 · 0 评论 -
Vue 常用属性方法等
1、Vue生命周期中的 mountedmounted() { } //真实dom渲染完了,可以操作dom了,相当于页面加载完之后运行,mounted是vue实例挂载的事件钩子函数,所以它只会执行一次...原创 2019-04-29 19:42:56 · 964 阅读 · 0 评论 -
iview 的常见用法
1、vue $refs的基本用法<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div><script>new Vue({ el: "#app", methods:{...原创 2019-05-05 10:06:16 · 2125 阅读 · 0 评论 -
Vue 快速使用——案例(四)样式绑定和事件处理器
一、样式绑定1、class属性绑定1.1<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/vu...原创 2019-04-29 15:31:27 · 366 阅读 · 0 评论 -
Vue 快速使用——案例(三)计算属性和监听属性
一、计算属性1、关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。声明了一个计算属性 reversedMessage 。提供的函数将用作属性 vm.reversedMessage 的 getter 。vm.reversedMessage 依赖于 vm.message(vue名字是vm,data中的属性值是message当message改变vm自动改变),在 vm.mes...原创 2019-04-29 14:57:53 · 1256 阅读 · 1 评论 -
Vue 快速使用——案例(二)条件和循环
一、条件语句1、v-if这里, v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>...原创 2019-04-29 14:16:52 · 281 阅读 · 0 评论 -
Vue 快速使用——案例(一)起步和语法
1、参数使用<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://unpkg.com/vue/dist/vue.js"></sc...原创 2019-04-29 13:22:40 · 926 阅读 · 0 评论