鄢宁 - 博客园

2020年11月11日

摘要：一、安装typescript及loader npm install typescript ts-loader --save-dev 二、安装vue-property-decorator npm install vue-property-decorator --save-dev 三、配置vue.con 阅读全文

posted @ 2020-11-11 13:42 鄢宁阅读(5661) 评论(0) 推荐(0) 编辑

2020年10月17日

自定义组件实现v-model

摘要：自定义组件也是可以实现v-model双向绑定的。Vue 官方文档介绍如下：一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件。 Vue.component('base-checkbox', { model: { prop: 'checked', ev 阅读全文

posted @ 2020-10-17 11:47 鄢宁阅读(1564) 评论(0) 推荐(0) 编辑

前端常用功能模块随记之一（input 限制输入数字及小数点后2两位、input 只允许输入正整数、右侧带图标的 input 框）

摘要： 1. input 限制输入数字及小数点后2两位 <input type="number" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"> 阅读全文

posted @ 2020-10-17 11:42 鄢宁阅读(482) 评论(0) 推荐(0) 编辑

2020年6月18日

用来处理获取未来一周的时间和星期

摘要： let getTime = [] for (let index = 0; index < 7; index++) { var dateTime = new Date(); dateTime = dateTime.setDate(dateTime.getDate() + index); dateTim 阅读全文

posted @ 2020-06-18 16:21 鄢宁阅读(216) 评论(0) 推荐(0) 编辑

2020年6月10日

函数防抖

摘要： 1.新建comm.js ** * 函数防抖 */ export function debounce(fn, delay) { // 记录上一次的延时器 var timer = null; var delay = delay || 200; return function() { var args = 阅读全文

posted @ 2020-06-10 11:21 鄢宁阅读(196) 评论(0) 推荐(0) 编辑

2020年5月9日

VsCode 自定义代码片段(Snippet)中可使用的变量说明

摘要：注：这些都是变量名，不是宏，在实际使用的时要加上 $ 符TM_LINE_INDEX：行号（从零开始）； TM_LINE_NUMBER：行号（从一开始）； TM_FILENAME：当前文档的文件名； TM_FILENAME_BASE：当前文档的文件名（不含后缀名）； TM_DIRECTORY：当前文档阅读全文

posted @ 2020-05-09 15:11 鄢宁阅读(2499) 评论(0) 推荐(2) 编辑

2020年4月29日

vue中的$forceUpdate强制更新用法

摘要：深结构数据首先我们知道在vue中，数据的绑定都不用我们操心，例如在data中有一个msg的变量，你修改它，那么在页面上，msg的内容就会自动发生变化。但是如果对于一个复杂的对象，例如一个对象数组，你直接去给数组上某一个元素增加属性，或者直接把数组的length变成0，vue就无法知道发生了改变。阅读全文

posted @ 2020-04-29 09:34 鄢宁阅读(5648) 评论(0) 推荐(0) 编辑

2020年4月24日

炫酷的主界面

摘要： //以下代码复制即可用<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl 阅读全文

posted @ 2020-04-24 15:31 鄢宁阅读(213) 评论(0) 推荐(0) 编辑

vue项目中处理浏览器后退问题

摘要：阻止某一个界面不能使用浏览器的后台按钮的方法 activated () { history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState 阅读全文

posted @ 2020-04-24 13:50 鄢宁阅读(2846) 评论(0) 推荐(0) 编辑

2020年4月23日

通过点击表格当前行进行复选框的勾选和取消的方法 toggleSelect

摘要： <Table ref="table" stripe highlight-row @on-row-click='getProjectData' :columns="tables.columns2" :data="tables.data1" @on-select="beSelected"></Table 阅读全文

posted @ 2020-04-23 11:53 鄢宁阅读(1169) 评论(0) 推荐(0) 编辑