首页 >> js开发 >> jsvue 在methods中调用mounted的实现操作js大全
jsvue 在methods中调用mounted的实现操作js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
首先可以在data中先声明一个变量比如 sureDelBox : ' 'mounted 中 --->methods 中 ---> this.sureDelBox(item) 直接this调用这时候要传的参数别忘记带上如果你要问在mounted中调用methods中的方法那么如果是我 我会直接把这个方法直接写在mounted中补充知识:vue中methods一个方法调用另外一个方法补充知识:补充知识:vue中methods一个方法调用另外一个方法vue在同一个组件内;methods中的一个方法调用methods中的另外一个方法可以在调用的时候 this.$options.methods.test2();this.$options.methods.test2();一个方法调用另外一个方法;
new Vue({
el: '#app',
data: {
test:111,
},
methods: {
test1:function(){
alert(this.test)
},
test2:function(){
alert("this is test2")
alert(this.test) //test3调用时弹出undefined
},
test3:function(){
this.$options.methods.test2();//在test3中调用test2的方法
}
}
})
new Vue({
el: '#app',
data: {
test:111,
},
methods: {
test1:function(){
alert(this.test)
},
test2:function(){
alert("this is test2")
alert(this.test) //test3调用时弹出undefined
},
test3:function(){
this.$options.methods.test2();//在test3中调用test2的方法
}
}
})以上这篇vue 在methods中调用mounted的实现操作就是小编分享给大家的全部内容了,希望能给大家一个参考。
new Vue({
el: '#app',
data: {
test:111,
},
methods: {
test1:function(){
alert(this.test)
},
test2:function(){
alert("this is test2")
alert(this.test) //test3调用时弹出undefined
},
test3:function(){
this.$options.methods.test2();//在test3中调用test2的方法
}
}
})
new Vue({
el: '#app',
data: {
test:111,
},
methods: {
test1:function(){
alert(this.test)
},
test2:function(){
alert("this is test2")
alert(this.test) //test3调用时弹出undefined
},
test3:function(){
this.$options.methods.test2();//在test3中调用test2的方法
}
}
})以上这篇vue 在methods中调用mounted的实现操作就是小编分享给大家的全部内容了,希望能给大家一个参考。
相关文章:
- jsVue绑定用户接口实现代码示例js大全
- js微信小程序实现页面监听自定义组件的触发事件js大全
- js解决antd 表单设置默认值initialValue后验证失效的问题js大全
- js在antd Form表单中select设置初始值操作js大全
- js微信小程序实现单个或多个倒计时功能js大全
- js在antd4.0中Form使用initialValue操作js大全
- jsvue+iview使用树形控件的具体使用js大全
- jsVue中使用Echarts仪表盘展示实时数据的实现js大全
- jsReact Ant Design树形表格的复杂增删改操作js大全
- js在vue中使用vant TreeSelect分类选择组件操作js大全