vue添加对象属性,vue实例对象通过什么方式来创建
本文主要介绍了如何在Vue中给窗口对象添加方法，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。
目录
向窗口对象添加方法向窗口对象添加事件处理程序
给Window对象添加方法
众所周知，vue中的所有元素都是作用在Vue实例上的，但是我在使用DCloud的Wap2App打包App后，需要配置sitemap.json和onclick事件。但是这个事件只能绑定到Window下的方法，所以这个时候需要在Vue中定义一个方法，绑定到Windows对象下。
首先，在app.vuemethods中定义一个方法。
方法：{
share(){
//微信分享
.
}
}
然后在mounted中编写下面的代码，并将其绑定在Window对象下
已安装(){
//将共享方法绑定到窗口
window[share]=()={
this.share()
}
},
此时，可以在窗口对象下调用share方法。
为window对象添加事件处理程序
以resize事件为例。要在窗口改变时获取窗口大小，请在创建的钩子函数中向窗口对象添加一个事件处理程序。
var app=新Vue({
埃尔： #app ，
数据：{
winWidth: {
类型：数量
},
winHeight: {
类型：数量
}
},
方法：{
视图宽度(){
返回window . inner width document . documentelement . client width；
},
viewHeight() {
返回window . inner height document . documentelement . client height；
},
updateWindow() {
this . win width=this . view width()；
this . winheight=this . view height()；
}
},
已创建(){
this . update window()；
window.onresize=()={
this . update window()；
}
}
});
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。