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命名不能和回调
方法
中
参数名称相同