vue 定义全局的 方法

Vue 定义全局的方法

一，创建 obj.js 文件

function delObj (fn) {
  for (let key in fn) {
    if (fn[key] === '') {
      delete fn[key]
    } else {
      fn[key] = Number(fn[key])
    }
  }
  console.log(fn, "过滤成功");
}
export default {
    delObj
}

二，main.js 引入 挂载全局

import delObj  from "./utils/delObj";
Vue.prototype.$obj = delObj; //搜索过滤的方法

三，使用规则

//数据案例
data(){
	return{
		form:{
			name:'';
			num:123;
			sn:'23432sfs'
		}
	}
}


//使用
@blur="$obj.delObj(form)"
//例如：
<el-input v-model="form.name"
          @blur="$obj.delObj(form)"
          size="small"
          placeholder="请输入"></el-input>

方法说明：
定义一个全局的方法，过滤掉对象中value为 “ ”的值，