1.vue 父组件传值给子组件<popupWindow :sql=“sql” :searchColumn=“searchColumn”
:sqlParam=“sqlParam” :isMulti=“isMulti” @sonChange=“sonChange”>
在子组件上定义要传的元素,在子组件内用props接收
props: {
sql:{
type:String,
default: “”,
},
searchColumn:{
type:String,
default: “”,
},
isMulti:{
type:Boolean,
default:false
},
sqlParam:{
type:String,
default:""
}
},
2.vue子组件调用父组件的方法
在子组件上定义父组件需要调用的方法sonChange,然后再父组件内写这个方法,
再在子组件内通过this.
e
m
i
t
(
′
s
o
n
C
h
a
n
g
e
′
,
t
h
i
s
.
s
q
l
,
t
h
i
s
.
d
a
t
a
S
e
l
e
c
t
R
e
s
u
l
t
)
调
用
3.
v
u
e
重
定
向
t
h
i
s
.
emit('sonChange',this.sql,this.dataSelectResult)调用 3.vue重定向this.
emit(′sonChange′,this.sql,this.dataSelectResult)调用3.vue重定向this.router.replace(’/recommend’)
4.vue watch可以监听数据实时的变话
watch:{ 字段名:handler:function(val,oldval){},immediate:true}
vue总结
最新推荐文章于 2024-05-29 12:00:00 发布