前端
品儿
小小农
展开
-
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 · 104 阅读 · 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 · 329 阅读 · 0 评论 -
vue 生命周期
生命周期: beforecreate : 一般使用场景是在加 loading事件 的时候 created :处于loading结束后,还做一些初始化,实现函数自执行(data数据已经初始化,但是DOM结构渲染完成,组件没有加载) beforemount:处于组件创建完成,但未开始执行操作 mounted :处于发起后端请求,获取数据,配合路由钩子执行操作(DOM渲染完成,组件挂载完成 ) beforeupdate、updated:处于数据更新的前后 beforeDestroy:当前组件还在的时候,想删除组原创 2021-04-25 14:24:07 · 278 阅读 · 0 评论 -
select 设置下拉失效
只需要在select 增加以下样式即可 style="pointer-events: none; background-color: #e8ecef"原创 2020-08-04 11:17:36 · 515 阅读 · 0 评论 -
html页面添加水印
调用此函数watermark() 传入水印内容 <script type="text/javascript"> $(document).ready(function () { var now = getNow(); watermark({"watermark_txt":"水印内容 "+now+"王贵品"}); }); ...原创 2020-04-05 20:01:02 · 1006 阅读 · 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 · 1102 阅读 · 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 · 270 阅读 · 0 评论 -
js获取当前日期时间
//获取当前日期 2020-01-05 17:01:30 function 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 · 186 阅读 · 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 · 2933 阅读 · 0 评论 -
vue之slot-scope
官方文档slot-scope的示例 下面是2个父子的vue组件,先解释一下2个组件做了什么事情 父组件仅仅是调用了子组件 子组件内部实现了一个todolist列表 我建议从数据流动的角度,理解插槽作用域的使用方式,(先学会怎么用,暂时不用理解为什么要这么用,使用场景是第二部分) 1.父组件传递了todos数组给子组件 2.子组件通过props接受了数组数据,这里应该没有任何问题 3.子...原创 2019-10-03 08:07:37 · 217 阅读 · 0 评论 -
vue之Axios 使用
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 Features 从浏览器中创建XMLHttpRequests 从 node.js 创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御XSRF 安装 使用 npm: $ npm...原创 2019-10-02 08:11:18 · 266 阅读 · 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 · 237 阅读 · 0 评论 -
vue
一、vue-cli学习 官网:https://element.eleme.cn/#/zh-CN/component/installation https://blog.csdn.net/muzidigbig/article/details/80490884(vue安装教程) https://blog.csdn.net/qq_36407748/article/details/80739787...原创 2019-04-22 16:47:28 · 120 阅读 · 0 评论