Vue
二水你要努力啊
爆炸头, 望春风 。
展开
-
Vue限制输入框只能输入数字
<el-input v-model="weiboID" @input="numValid('weiboID')" style="height:100%;" size="small"></el-input> //利用函数传参达到复用,以减少代码量 numValid(val){ //只能输入数字 this[val] =this[val].replace(/[^0-...原创 2020-03-18 11:27:18 · 8426 阅读 · 0 评论 -
表格中表格排序通用方法
需求是,一个表格有几种排序方式,每次只按其中一种方式排序,切换排序方式的时候,默认倒序原创 2019-11-25 15:10:52 · 412 阅读 · 0 评论 -
Vue表格组件复用
复用的原则,将DOM的操作交给开发者,比如表头和表体,而封装只是将,样式和一些通用的方法进行封装。 目前想法是通过插槽进行实现,表格外框的内容是固定的,但是表头和表体是通过插槽引入的。相当于表格只是一个空壳子。这样就可以在样式上面少改很多代码,但是需要注意如果有操作项的时候,目前需要注意是否要父子之间传值等一系列操作。 最近的抓娃娃机项目也可以有同样的实现,弹窗的壳子相同,但是可以传入不同的内容,...原创 2019-10-25 10:39:01 · 961 阅读 · 0 评论 -
Vue路由升级导致的错误
Uncaught (in promise) 解决方法一:在调用方法的时候用catch捕获异常 this.$router.replace({ name: 'foo' }).catch(err => { console.log('all good') }) 方法二: 对Router原型链上的push、replace方法进行重写,这样就不用每次调用方法都要加上catch。这个方法是vue-...原创 2019-10-16 16:47:29 · 420 阅读 · 1 评论 -
Vue项目中稳健的获取dom元素
1、获取Element的弹框中的Dom元素 **由于弹框由v-if控制,在初始页面渲染的时候,并不存在该Dom元素,所以在mounted中,获取不到该弹框的Dom元素,无法添加原生时间,如下拉加载** 下面提供稳健的获取弹框Dom元素的方法, 首先,由于弹框是由v-if判断,则可以在watch中监听v-if所对应的变量,在为true时,则弹框打开,此时去获取DOM元素,发现仍然获取不到。。。...原创 2019-10-09 09:52:30 · 1174 阅读 · 0 评论 -
Vue自定义指令汇总
1、限制input输入框只能输入纯数字 在main.js中定义这段代码 Vue.directive('enterNumber', { inserted: function (el) { el.addEventListener("keypress",function(e){ e = e || window.event; let charcode = typeof ...原创 2019-09-17 11:10:41 · 572 阅读 · 0 评论 -
ElemenUi简单使用
一、表格行展示 el-table是通过 <el-table :data="tableData" > <el-table-column label="商品 ID" prop="id"></el-table-column> <el-table-column label="商品名称" prop="name"></el-tab...原创 2019-08-09 21:06:11 · 291 阅读 · 0 评论 -
通过闭包对computed进行传参
进行传参 <i :class="arrowSortDown('time')" ></i> arrowSortDown () { let that = this return function (typeName) { return that[typeName + 'SortDown'] ? 'el-icon-arrow-down' : '...原创 2020-01-03 11:40:32 · 563 阅读 · 0 评论 -
对Vue一些方法的理解
Vue.filter 场景:时间戳转化成年月日这是一个公共方法,所以可以抽离成过滤器使用 并且可以在HTML标签中使用,这就可以在v-for中使用 // 使用 // 在双花括号中 {{ message | capitalize }} // 在 `v-bind` 中 <div v-bind:id="rawId | formatId"></div> // 全局注册 Vue....原创 2019-10-17 10:03:22 · 122 阅读 · 0 评论