- 博客(9)
- 收藏
- 关注
原创 deep: true, immediate: true
@Watch('$route.query', { deep: true, immediate: true }) 第一次跳转至消息中心的页面,该监听函数就会触发。主要是利用watch属性的immediate属性,watch有一个特点是,最初的绑定是不会执行的,要等到监听的属性发生变化的时候才会执行监听,因此,如果我们想要第一次执行最初的绑定,就添加这个immediate属性,若为true,表示在watch在声明的时候就立即去执行handler方法。顺便再记录一个知识,watch的deep属性,这个属性
2022-01-11 14:35:15
1804
转载 el-form,当表格校验遇上v-if,怎样处理表格校验不生效的问题
1、场景在实际工作开发中,我们在处理el-form表单校验问题时常会遇到这样一种情况:根据不同的条件,展示不同的el-form-item,这个时候我们就需要考虑表单元素的显示与隐藏。在vue中,控制显示隐藏的有两个指令:v-if和v-show。【1】两者不同点:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐;【2】原理:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基
2022-01-11 10:22:10
2090
2
原创 转:common.js 常用js公共函数库
var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data: data, dataType: 'json', success: ok, error: error }); } h.post = fun.
2021-11-05 16:13:37
283
转载 自己使用的jquery公用common.js
/*解决ie8中js数组没有indexOf方法*/jQuery.extend({ exportResport : function(url, method, params){ var paramControl = '<form action="'+url+'" method="'+(method||'post')+'">' ; $.each(params,function(name,value){ paramControl +.
2021-11-05 15:53:59
563
转载 vue的transition-group实现列表的添加和删除动画
一、解释1、在实现列表过渡的时候,如果需要过渡的元素,是通过v-for循环渲染出来的,不能使用transition包裹,需要使用transitionGroup2、.v-move和.v-leave-active配合使用,能够实现列表后续的元素,渐渐地漂上来的效果3、给ransition-group添加appear属性,实现页面刚展示出来时候,入场时候的效果4、通过为transition-group元素,设置tag属性,指定transition-group...
2021-11-02 11:20:23
1096
原创 移动端签字功能
实现移动端用户签名功能一、html部分<div class="mui-content-padded"> <div class="mui-inline"><font style="font-family: '微软雅黑';font-size: 1.2rem;">验收人签字:</font></div></div><div class="mui-content-canvasDiv" style="overflow: hid
2021-10-14 18:31:48
534
转载 js将 一串数字1403149534转换为日期格式
需求 js中接收到后台返回的json字符串中的日期类型的字段都变成了一串数字,形如:1500341149000。所以我们需要将这个串格式化形如:2017-07-18 09:25:49. 直接上代码: 1、先把字符串进行日期的封装 var date = new Date(1500341149000); 2、封装转换函数Date.prototype.Format = function(fmt) { //author:wangweizhen var o = {...
2021-10-14 16:32:21
680
转载 vue中input的v-model清空操作
问题来源写input组件的时候需求一个清空按钮,但是如果直接修改prop中父级的传值会报错。但是如果不修改父级无法更新值,也会带来开发的问题。解决v-model 完成大部分数据双向绑定<input type="text" :value="inputValue" @change="$emit('change',$event.target.value)" @blur="$emit('blur',$event.target.value)" @focus=
2021-10-12 10:12:00
3629
转载 visible.sync和v-if、v-show
转载地址:https://blog.csdn.net/weixin_43043994/article/details/100576037visible.sync和v-if、v-show visible.sync:双向绑定值。 初始情况下通过该值控制 dialog显示。dialog关闭的时候,element自动设置该值为false。 当子组件执行 close 事件的时候,不仅改变了自己内部的 isShow 的值,而且还将 父组件的 visible的状态发生了改变. v-if 指令用于条
2021-09-28 11:58:09
1722
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人