前端
品儿
小小农
展开
-
elment-ui 编辑table 中的数据
<el-table-column prop="test" show-overflow-tooltip sortable="custom" :label="test" width="600"><template slot-scope="scope"> <el-input v-model="scope.row.test" placeholder="请输入内容" /></template></el-table-column&.原创 2021-05-11 18:47:27 · 105 阅读 · 0 评论 -
vue中$emit的用法
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。示例:A子组件 B父组件B引用了A组件,在A组件中使用.$emit 触发B父组件的addRow事件this.$emit('addRow', this.oldInputForm, JSON.parse(JSON.stringify(this.inputForm)))B组件中的代码<A ref="aForm" @addRow="Row(a)"><...原创 2021-05-01 16:45:10 · 330 阅读 · 0 评论 -
vue 生命周期
生命周期:beforecreate : 一般使用场景是在加 loading事件 的时候created :处于loading结束后,还做一些初始化,实现函数自执行(data数据已经初始化,但是DOM结构渲染完成,组件没有加载)beforemount:处于组件创建完成,但未开始执行操作mounted :处于发起后端请求,获取数据,配合路由钩子执行操作(DOM渲染完成,组件挂载完成 )beforeupdate、updated:处于数据更新的前后beforeDestroy:当前组件还在的时候,想删除组原创 2021-04-25 14:24:07 · 279 阅读 · 0 评论 -
select 设置下拉失效
只需要在select 增加以下样式即可style="pointer-events: none; background-color: #e8ecef"原创 2020-08-04 11:17:36 · 517 阅读 · 0 评论 -
html页面添加水印
调用此函数watermark() 传入水印内容<script type="text/javascript"> $(document).ready(function () { var now = getNow(); watermark({"watermark_txt":"水印内容 "+now+"王贵品"}); });...原创 2020-04-05 20:01:02 · 1013 阅读 · 0 评论 -
boottrap table事件
本文章为整理之后的,仅供参考事件名称 JQuery事件 参数 描述 onAll all.bs.table name, args 任何事件触发都会同时触发该事件, 包含2个参数 name: 事件名称 args: 事件参数 onClickRow click-row.bs.table row, $element, field...原创 2020-03-31 20:18:13 · 1103 阅读 · 0 评论 -
pointer-events: none 的两个应用场景
pointer-events: none属性。该属性有什么用?借用CSS3 pointer-events:none 应用举例及扩展的总结来说:pointer-events: none顾名思义,就是鼠标事件拜拜的意思。元素应用了该 CSS 属性,链接啊,点击啊什么的都变成了 “浮云牌酱油”。pointer-events: none的作用是让元素实体 “虚化”。例如一个应用 poin...原创 2020-02-05 09:48:56 · 271 阅读 · 0 评论 -
js获取当前日期时间
//获取当前日期 2020-01-05 17:01:30function getDate() { var timezone = 8; var offset_GMT = new Date().getTimezoneOffset(); var nowDate = new Date().getTime(); var today = new Date(nowDate + ...原创 2020-01-05 17:02:49 · 187 阅读 · 0 评论 -
vue 之var _this=this作用
mounted: function () { var _this = this;}_this只是一个变量名,this代表父函数,如果在子函数还用this,this的指向就变成子函数了,_this就是用来存储指向的 https://blog.csdn.net/cataclysm2012/article/details/80350403 普通函数中的this表示调用此函数时的...原创 2019-10-03 08:48:02 · 2934 阅读 · 0 评论 -
vue之slot-scope
官方文档slot-scope的示例下面是2个父子的vue组件,先解释一下2个组件做了什么事情父组件仅仅是调用了子组件 子组件内部实现了一个todolist列表我建议从数据流动的角度,理解插槽作用域的使用方式,(先学会怎么用,暂时不用理解为什么要这么用,使用场景是第二部分)1.父组件传递了todos数组给子组件 2.子组件通过props接受了数组数据,这里应该没有任何问题 3.子...原创 2019-10-03 08:07:37 · 218 阅读 · 0 评论 -
vue之Axios 使用
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建XMLHttpRequests 从 node.js 创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御XSRF安装使用 npm:$ npm...原创 2019-10-02 08:11:18 · 272 阅读 · 0 评论 -
resetFields和clearValidate区别
this.$refs.form.resetFields(); //移除校验结果并重置字段值this.$refs.form.clearValidate(); //移除校验结果// 二者都能清除验证,但是resetFields()会重置字段值,而在vue中大量用到的数据的绑定,很可能出现// 同一个数据绑定在多处的情况,如果滥用resetFields很可能造成界面上出现莫名的bug// 下图...原创 2019-04-29 18:03:20 · 1022 阅读 · 0 评论 -
vue中this.$nextTick
首先我们先来看看官方介绍的用法:将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。理解:1.总结来说, 假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的,也就好比我们将打印输...转载 2019-04-28 23:12:58 · 484 阅读 · 0 评论 -
vue中的 ref 和 $refs
如图,ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:在上面的例子中,input的引用信息为input1 ,$refs 是所有注册过的ref的一个集合,console.log(this.$refs.input1)//<input ...转载 2019-04-28 10:14:20 · 238 阅读 · 0 评论 -
vue
一、vue-cli学习官网:https://element.eleme.cn/#/zh-CN/component/installationhttps://blog.csdn.net/muzidigbig/article/details/80490884(vue安装教程)https://blog.csdn.net/qq_36407748/article/details/80739787...原创 2019-04-22 16:47:28 · 121 阅读 · 0 评论