Vue 随笔记

记录一下平时编写中用到的小技巧

 

element-ui 中一些默认带参的方法想传入自定义参数时的解决办法，以@change添加自定义参数为例

//第一个参数是默认的value参数，第二个是我们自己想传入的参数

@change='selectChange($event,scope.row)'

或者使用第二种方法：

@change='(val)=>selectChange(value,scope.row)'

 

Vue全局组件    ☜点击

 

element-ui中el-input数字和小数输入

oninput ="value=value.replace(/[^\d]/g,'')"    //只能输入数字

oninput ="value=value.replace(/[^0-9.]/g,'')"  //只能输入数字和小数

 

Vue子组件调用父组件的方法    ☜点击

 

element-ui 点击行如何获取table的行索引    ☜点击

 

vue子组件使用v-if父组件调用子组件函数时的问题

当子组件使用了v-if时，父组件想调用子组件的函数就要等子组件的状态改变后才能获得。直接调用将无法获得，需要使用this.$nextTick

methods: {
    getChild(){
        this.showEdit = true;
	this.$nextTick(function(){
            this.$refs.editeven.getNode();
      	})
    }
}

vue 给data 数据的重新初始化

//初始化 data 中的 footData 数据
Object.assign(this.$data.footData, this.$options.data().footData);

//初始化全部的 data数据
Object.assign(this.$data, this.$options.data());