胡同里的砖头2021/11/8【VueJS】-
Vue 单页样式影响全局所有页面样式，如何解决
目前项目中，一个页面用到电子看板，看板是以重色为底，当做完时发现，其它白底界面的也都成了重色底了，在百度上面查了许久没找到答案，大多说的是加scope就可以了，但实际操作不行，后来如下解决1：首先在template标签下的第一个div中定义一个以本文件为名的class，只要class唯一就行，如：app-container,。2：在style标签添加lang="scss"，并把…
胡同里的砖头2021/11/8【VueJS】 -
watch监听器的用法
以为为watch监听器的用法，简单明了地概述了watch的用法export default { data(){ return{ dbList: [], //用于接收findDB方法中的数据 today: ' ' //定义一个当前时间，数据从findDB()中获取，被watch监听 } }， watch:{ //监听，监听什么？…
胡同里的砖头2021/11/5【VueJS】 -
Vue 实时显示系统当前时间
在data中声明变量data() { return { nowDate: null, //存放年月日变量 nowTime: null, //存放时分秒变量 timer: "", //定义一个定时器的变量 currentTime: new Date(), // 获取当前时间 } }定义获取时间的方法getTime，并在crea…
胡同里的砖头2021/11/5【VueJS】 -
ElementUI设置div 高度 满屏100%
在App.vue中添加以下CSS样式：html,body,#app,.el-container { padding: 0px; margin: 0px; height: 100%;}
胡同里的砖头2021/11/2【VueJS】 -
ElementUI表格调整行高，行样式和列样式
通过下面两个属性调整:row-style="{height:'20px'}":cell-style="{padding:'0px'}"//即如下<el-table :data="tankValueListW" :cell-style="{padding:'0px'}&…
胡同里的砖头2021/11/2【VueJS】 -
Vue多级路由设置（一级菜单，二级菜单，三级及多级）
import Home from './components/Home'import Menu from './components/Menu'import Login from './components/Login'import Register from './components/Register'import Admin f…
胡同里的砖头2021/10/26【VueJS】 -
Vue 单个页面独立，不引用APP.VUE公共样式
Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有某些公共组件怎么办？ 在根组件中：在导航栏使用v-show判断当前路由是否是不需要的组件来完成页面：<template> <div id="app"> <van-nav-bar style="margin-bottom:30px" v-show=&…
胡同里的砖头2021/10/26【VueJS】 -
VUE前端和后端分页的实现
前端分页：后台只需将数据返回，不需要做过多处理，前端一次请求拿到所有数据后做分页处理。但数据量不能太大，因为前端是先一次性加载所有数据，然后在做分页处理。在数据量多的情况下，加载相对应的会变慢。所有在前端做分页时要先考虑一下后期的数据量。后端分页：因为是后端分页，前端在每点击一次分页时，便向后台请求一次数据。其实就是避免前端一次性从数据库获取大量数据<template> <di…
胡同里的砖头2021/10/22【VueJS】 -
ElementUI表单验证数字
<el-form-item label="领用单位"：" prop="overdraw"> <el-input v-model.number="form.overdraw" type="number"> </el-input></el-form-item&…
胡同里的砖头2021/10/20【VueJS】 -
Vue获取编辑行的索引更新数据和添加新行
const index = this.datalist.findIndex(v => v.id === this.setmes.id)//获取索引,datalist就是列表集合，setmes是你单击编辑这一条数据的集合this.datalist.splice(index, 1, this.user)//更新列表，在做编辑数据的时候使用，配合上面获取索引的方法this.datalist.pus…
胡同里的砖头2021/10/20【VueJS】 -
Vue表单移除较验结果，重置表单操作
this.$refs["from"].resetFields(); //重置字段值 this.$refs["from"].clearValidate(); //移除校验结果
胡同里的砖头2021/10/19【VueJS】 -
Vue时间格式化
安装momentyarn add moment或npm inatall moment再引用import moment from 'moment'修改vue html部分，应用方法dateFormat<el-table-column prop="start_time" label="日期" width="140" :f…
胡同里的砖头2021/10/19【VueJS】 -
VUE之表格动态加载按钮禁用效果
<template slot-scope="scope"><el-button type="danger" size="mini" :disabled="scope.row.status_s==='1'" @click="handleDel(scope.row,index)">解除禁用</el-butto…
胡同里的砖头2021/8/5【VueJS】 -
VUE之 CheckBox Group,获得选中记录数据集
<el-checkbox-group v-model="formmes.parVals" @change="checkbox_change"> <el-checkbox v-for="…
胡同里的砖头2021/8/3【VueJS】 -
VUE之el-checkbox-group 点一个全选的原因
问题： 在业务开发中，使用了checkbox-group组件，发现点击其中的一个选项后，所有数据都被选中了。原因： checkbox-group元素能把多个 checkbox 管理为一组，只需要在使用v-model绑定Array类型的变量即可。
胡同里的砖头2021/8/2【VueJS】
