console . log ( this . searchSelectValue ) const that = this this . $options . methods . getTableData ( that ) getTableData ( that ) { that . loading = true console . log ( that . currentPage ) axios ( { method : 'post' , url : 'api/room/search' , data : { likeName : that . likeName , searchSelectValue : that . searchSelectValue , currentPage : that . currentPage , pageSize : that . pageSize } ) . then ( res => { that . tableData = res . data . records that . total = res . data . total that . pages = res . data . pages that . loading = false vue 方法 都写在 methods 下, 方法 互相 调用 也很简单,直接在 方法 this. 方法 名就可以了 loadCompany(){ var markerdata=[] this.SetMarkers(markerdata); 但是有些情况下不能直接this 调用 ,如监听事件箭头函数内,如果直接在 方法 体内写,代码又过长,可以用如下 方法 调用 : SetMarkers(data){ var methods obj=this.$options. methods ; //获取 methods 的所 https://cn. vue js.org/v2/guide/ https:// vue -loader. vue js.org/ https://cli. vue js.org/ Vue 渲染效率更高,双向绑定,使用HTML、CSS、JavaScript原生语法(容易上手),React依赖于JSX,JSX是XML扩展而来,都使用VNode 请求数据模块 vue -resource(官方提供的请求插件)... 问题 1: 问题 描述:(同一组件下的 方法 之间的 调用 )同 一个 组件下 方法 A使用this.$options. methods .B 调用 方法 B,然后 方法 B又使用this.$options. methods .C 调用 方法 C, 方法 B 报错typeError: Cannot read property ' methods ' of undefined;且再将 方法 写在 方法 B 以后,报错:typeError: Cannot... this.$options. methods .函数名字(); (这样的话要注意,this的 指向 已经 指向 了这个实例而不是 指向 全局,所以可能会报错说bind没有函数绑定) 要this 指向 全局实例,要在后面加.bind(this) 如:this.$options. methods .函数名.bind(this)()... 当我们使用 方法 时,我们会 调用 Object ()函数来获取组件的数据,在获取到组件的数据之后,我们会通过返回值来返回给 vue ,就像上面介绍的一样。 methods 实现 了两个组件之间数据的传递,我们先来看一下 Methods 是如何 实现 数据传递的: Methods :: Object ()-> 方法 名 第一步:我们先 调用 Object ()函数 第二步:使用 方法 -> 方法 名 第三步:返回值 通过 methods 可以 实现 组件之间数据的传递,但是如果要 实现 两个组件之间数据的传递,可能需要再 调用 一个 函数来 实现 问题 描述 在compare 使用this.$options. methods 然后在formatDataPlus里面再次使用this.$options. methods 导致报错, 分析原因,就是因为,this 指向 发生错误,导致报错 methods of undefined。所以只需要更改 指向 即可。 compare (e) { if (this.composition1 === '' || this.composition2 === '' || this.composition1 =. 上一篇博客提到动态渲染table的操作按钮列并绑定点击事件: vue +Element UI table表格动态渲染(包括操作按钮列)、按钮动态绑定点击事件 所以这里接着做,将按钮的点击事件提取为全局公共 方法 调用 : 一、创建 一个 commonApi.js文件,将点击事件提取到这里,并写 一个 获取 调用 此js 方法 vue 组件实例(this)的 方法 : //用来获取 调用 此js的 vue 组件实例(this) let vm = null; const sendThis = (_this)=>{ vm = _ 1. 方法 login必须在onSubmit之前定义 2.onSubmit 方法 ,this.$options. methods 必须在onSubmit 方法 调用 ,不能放到 回调 方法 里面(//this.$options. methods .login();报错$options未定义) 3.valid命名不能和回调 方法 参数名称相同