vue a-row 行间距

bootstrap row 行间距

<div class="clearfix" style="margin-bottom: 10px;"></div>清除浮动加个margin是最好的选择,加id写样式的都是异教徒.

Vue 进阶之路（七）

之前的文章我们对 vue 的列表输出做了介绍,本章我们来看一下 vue 的组件 component. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> <script src="https://cdn.jsdelivr.net/npm/vue"><

Vue+SpringBoot+Mybatis的简单员工管理项目

本文项目参考自:https://github.com/boylegu/SpringBoot-vue 为了完成此项目你需要会springBoot,mybatis的一些基本操作运行界面第一步:搭建前端服务器 ①安装node.js,下载相应版本的node.js,下载地址:https://nodejs.org/en/download/,下载完双击安装,点击下一步直到安装完成 ②安装完成后,附件里选择命令提示符(或者在开始的搜索框里输入cmd回车调出命令面板)输入:node -v回车,出现相应版本证明

vue 深拷贝

Vue.set(row,'isEdit',true); let newRow = JSON.parse(JSON.stringify(row)); this.totalData.push(newRow); console.log('添加',this.totalData) 从其它表格添加进来的数据如果有相同的就会指向同一个引用,所以需要深度复制一次.

Vue 给对象添加属性

坑真多,没想到很多小细节都改了,我添加个属性都折腾了半天才看明白原因 Vue.set(row,"isEdit",false); //给row对象新增一个isEdit的属性.

前端MVC Vue2学习总结（八）——Vue Router路由、Vuex状态管理、Element-UI

一.Vue Router路由二.Vuex状态管理三.Element-UI Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是 Mint UI . Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本. Element,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库官网:http://element.ele

vue的学习(常用功能)

1.介绍vue MVP和MVVM模式!!! mvp模式,其中m是模型是ajax请求数据, v是视图层(html),p是控制器,就是使用jq来实现业务逻辑相关操作(DOM操作很多) MVVM模式,其中M是new实例里面相关操作,v是视图层,vm即vue自己进行操作转化! 首先使用vue(mvvm模式)可以通过两种方式, 第一种:是直接通过引入vue.js的形式,那么这时候的vue直接写在<script></script>里面,这时候的vue是全局注册作为全局变量!我们进行全局注册组件

深入理解 Vue 组件

深入理解 Vue 组件组件使用中的细节点使用 is 属性,解决组件使用中的bug问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me

vue学习笔记之基础篇

本文主要记录学习vue的一些基础内容及常用知识点的记录. 1.搭建脚手架 vue init webpack vue-demo 初始化一个使用webpack打包的vue项目 npm install 安装包的默认依赖 npm run dev 启动可以实现热加载 npm install vuex --save 安装其他包的命令,例如vuex 2.常用参数基本参数 vue是一个MVVM框架,不再通过操作dom做交互,而是把重点放在数据层,可以分为: data:绑定的数据,可以是基本类型和引用类型 me

vue 中的小知识点

1)使用is解决小bug <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script> &l

使用vue组件需要注意的4个细节

细节1:table(表格)中直接引用自定义组件出现的bug 如上图,tr本应在tbody中面,现在却是同级.造成的原因是h5规定table里必须有tbody,tbody中必须有tr, 当tbody中引入自定义组件,浏览器解析后就出现了上述问题解决方法:依然在tbody中使用tr,同时使用vue的is属性, 该属性可理解为我想使用一个组件,但不能直接使用,虽然我这里写的是tr,但实际使用的是自定义组件, 同时建议ul中的li, select里的option都使用is属性,以防止上述问题的出

Vue + ElementUI的电商管理系统实例03 用户列表

1.通过路由展示用户列表页新建user文件夹,里面新建Users.vue文件: <template> <div> <h3>用户列表组件</h3> </div> </template> <script> export default { } </script> <style lang="less" scoped> </style> 修改路由文件,添加Users路由:

Vue简单基础 + 实例及组件通信

vue的双向绑定原理:Object.defineProperty() vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调.当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时,Vue 将遍历它的属性,用 Object.defineProperty() 将它们转为 getter/setter.用户看不

vue组件学习(一)

1, vue中的 is 的用法,有时候我们需要把一个组件绑定到指定的标签下,比如把tr组件放到table下,直接这样写是不行的, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=

06：（h5*）Vue第六天

目录 1:iView 2: element 3: vuex 正文 1:i-view 1:装包 npm install view-design --save 2:导包 import ViewUI from 'view-design'; import 'view-design/dist/styles/iview.css'; 3: 导入具体的iview组件 import { Button, Table, Input, InputNumber, Modal, Card,

vue 中 element-ui 引入方式

目录前言全部引用单个引用前言有时候只会使用到 Element-ui 的部分功能,为了减少文件体积建议使用分开引用,即只引用使用的功能. 注意:在main.js中使用部分引用的时候是 import {XXX,XXX} from 'element-ui',然后再分开,Vue.use() 对应功能. 全部引用 import Vue from 'vue'; 单个引用 import { Pagination, Dialog, Autocomplete, Dropdown, DropdownMen

vue组件 is ref

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue</title> <style> .active { color:red } </style> </head> <body> <div id="app"> <table> <tbody>

vue中获取节点.

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script></head><body&g

vue Cli 按需引入Element UI 和全局引用Element UI

全局引用: 一.安装 Element UI npm i element-ui -S 二.在main.js 中引入 element UI import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' //引用 element-ui 样式 Vue.use(ElementUI ) //最后要use ElementUI ,不然会报错 (引入成功,最后就可以在各组件页面中使用了) 按需引用: 一