vue格式化时间moment-timezone以及Moment.js官网
摘要：1、在项目的主js里面导入和导出 import Vue from "vue"; import VueMoment from "vue-moment"; import moment from "moment-timezone"; import "moment/locale/zh-cn"; import
阅读全文
VUE+elementUI表格多选框实现单选以及数据回显时toggleRowSelection失效问题；$nextTick不生效？
摘要：一、多选框单选 <el-table :data="items" ref="multipleTable" @select-all="onSelectAll" @selection-change="selectItem" @row-click="onSelectOp" > <el-table-colum
阅读全文
VUE+elementUI把rules加到标签属性里面，可以根据某个状态来切换规则
摘要：<el-form-item label="是否选则债务人单位" prop="sfjtgn"> <el-switch v-model="form.sfjtgn" active-text="是" inactive-text="否" @change="updateZwrZt" /> </el-form-i
阅读全文
前端VUE金额两位小数正则校验
摘要：<script> import{post as httpPost,get as httpGet} from "@/request"; export default{ data(){ return{ form:{ htje:0 }, rules: { htje: [ { required: true,
阅读全文
el-backtop回到顶部的使用方法
摘要：先看我的代码： 这个组件属性都是有默认值的，所以不需要设置任何值就可以使用，比如直接使用: <el-backtop></el-backtop> 也是可以的。记得把这个组件放在最外层的div里的第一个位置，不要放在尾部！ 详细请看原网址，里面分析更透彻。
阅读全文
vue+elementUI表格的表尾合计(前端显示后台封装成对象视图层的数据合计详解)
摘要：看效果 上重要代码 <el-table :data="items" @row-click="rowclick" highlight-current-row :max-height="maxHeight" :header-cell-style="{'text-align':'center'}" sho
阅读全文
vue的html内容里面规范化后台传到前端的日期时间<span>{{items.length>0?dateFormat( items[0].sumLasttime):"请手动汇总更新汇总数据"}}</span>
摘要：举个例子如下： <div style="display:inline-block;margin-left:20px;" v-show="showUpdate"> <span>上次汇总时间:</span> <span>{{items.length>0?dateFormat( items[0].sumL
阅读全文
js用sessionStorage来保存路由带过来但是路由不绑定的值
摘要：select() { if (/^\d+$/.test(this.$route.params.ztId)) { sessionStorage.setItem("groot.fyhztzb.ztId", this.$route.params.ztId); sessionStorage.setItem(
阅读全文
vue的input输入框限制输入
摘要：举个例子 <el-form-item v-show="editable" label="驻粤人数" prop="zyNum"> <el-input v-model="form.zyNum" v-on:input="form.zyNum=form.zyNum.replace(/[^\d]/g,'')"
阅读全文
HTML特殊转义字符列表(标签属性的值里面可使用)
摘要：在这里就举个双引号的例子： <el-table-column prop="address" label=""地址"详情"> </el-table-column> 则表头的显示效果是："地址"详情 更多的HTML特殊转义字符请转到原网址
阅读全文
ElementUI表格多选框根据后端传来的数据进行数据回显
摘要：前端部分代码：重要的是ref="multipleTable"和this.$refs.multipleTable.toggleRowSelection(需要勾选的行数据，是否勾选） <el-table :data="items" //这个items是我定义的数据，用于接收后端传来的表格数据（items
阅读全文
ElementUI的表格树（树型结构表格），很简单方式，el-table只需要小小改动几个地方
摘要：效果： 在el-table中，支持树类型的数据的显示。当 row 中包含 children 字段时，被视为树形数据。渲染树形数据时，必须要指定 row-key。支持子节点数据异步加载。 设置 Table 的 lazy 属性为 true 与加载函数 load 。通过指定 row 中的 hasChild
阅读全文
vue-router.esm.js?8c4f:16 [vue-router] missing param for named route "magneto.xmqsDx.edit": Expected "id" to be defined的解决办法
摘要：vue-router.esm.js?8c4f:16 [vue-router] missing param for named route "magneto.xmqsDx.edit": Expected "id" to be defined 造成这种警告的原因是因为路由里面绑定了一个id,而路由在pa
阅读全文
css----transition的应用，产生动画效果。
摘要：应用transition属性产生动画效果 css中的transition属性设置元素的变化过程所需的时间。 <!DOCTYPE html> <html> <head> <style type="text/css"> .adiv{ position:absolute; text-align:cente
阅读全文
CSS---光标cursor设置、浮动布局与clear的关系
摘要：光标设置 {cursor:auto;}--光标根据需要自动变化。 {cursor:crosshair;}--光标变成“+”。 {cursor:pointer;}--光标变成手指模式。 {cursor:move;}--光标变成十字箭头，平时移动界面经常看到。 {cursor:e-resize;}--光
阅读全文
table表格设置边框线为单实线
摘要：设置table表格边框为单实线的方法有两种 第一种方法就是利用table标签cellspacing=0属性来实现，cellspacing是内边框和外边框的距离，这种方法实现的看起来是单实线，其实是内边框线和外边框线组合成的实线。 第二种方法是利用css的表格border-collapse属性来实现。
阅读全文
CSS选择器
摘要：id选择器、类选择器、派生选择器、属性选择器 1、id选择器 可以为特定的id的HTML元素设置特定的样式，以”#“来定义，例如：#a{color:red;} 2、类选择器 可以为指定class的HTML元素设置样式，以”.“来定义，例如：.a{color:red;} 3、标签选择器 以HTML的标
阅读全文
jQuery效果-----fadeIn()、fadeOut()、fadeToggle()、fadeTo()
摘要：fadeIn()，fadeOut()，fadeToggle()，fadeTo() fadeIn() 淡入已经隐藏的元素（把隐藏的被选元素渐渐显示出来）。 语法：$(selector).fadeIn(speed,callback); 可选的 speed 参数规定效果的时长,可以是："slow"、"fa
阅读全文
jQuery效果------隐藏hide()/显示show()
摘要：hide()和show() hide():隐藏文本。 show():显示文本。 语法： $(selector).hide(speed,callback); $(selector).show(speed,callback); speed参数是隐藏/显示的速度，可以是“slow”、“fast”或者毫秒数
阅读全文
jQuery事件
摘要：1、ready() ready()该事件是在在文档就绪后发生，防止文档未加载完成时执行其他jQuery事件和函数，把其他的 jQuery 事件和函数置于该事件中是非常好的做法。ready() 函数仅能用于当前文档，因此无需选择器，不应与一起使用。 ready()有三种语法： $(document).
阅读全文
