Vue data()中属性访问data外部属性的方法
202201116
Vue data()中属性访问data外部属性的方法有下面2种 , 经测试与属性层次无关:
方法1:通过在data()中最外层保存this对象(即上下文,如_that=this) , 在相关层次的属性中通过“get 属性”进行调用,如_that.getMyMessage 。代码如下
export default {
data(){
var _that=this;//方法1
Reurn{
mymessage:”hhx12ewwewe122″
,params:{
get mymessage_that() { //方法1
return _that.mymessage;
}
}//params
}//Reurn
}//data
}
方法2:在相关层次的属性中使用“_this:() => this”,再通过“get 属性”进行调用this._this(),如this._this().getMyMessage 。注:这2个语句要在一起,不能跨层次 。代码如下
export default {
data(){
Reurn{
mymessage:”hhx12ewwewe122″
,params:{
_this:() => this ,//方法2
get mymessage() { //方法2
return this._this().mymessage;
}
}//params
}//Reurn
}//data
}
完整测试例子如下
文章插图
完整试例图
文章插图
代码
文章插图
结果
对应测试URL【qrl中文是什么意思 WSC为什么虐杀QRL知乎】https://sfc.vuejs.org/#eNqNVc2KE0EQfpViLtmF7DQZb7PZgHjw5BM4IpOkk0zI/NDd+SMMCLKiqHgxCh4ET3rRRcRlhTzOTtxbXsHq7vnJzA4bmxC6q6u++qrr656VcT+KzNmUGrbR5j3mRaIDTuAEdBGFTECfDtzpRMAK0AoAfVe4R8crNQeYuQyeipErzsTI46eEbD/82f5at9JtRsWUBSsdKYe/DLtjO4tWw408G8ELHzUIWSzKfnpELnN9jgG3t6oQGRDMEEqRNP2lTzl3h7RJyPXV2+Tdxc2XN3VRMKQCyabeKvjoGM+gWmBl6Hr1iRTJTmuJxdCsB6mzIqLHbaRw1gE5BSxAM7Hq3KvsPV5iXxuTs5fuZhp0uIgac1y2YQfikmFvPyZESSK3NPOEtmOMRouWRedzOqcty3KMwkssI2pb97K1wsc//LVJKmKcCupHE1dQKWiAdtSB7e/XNxdrreHkxXny8/P22ddks/77/ps2Xl99T84vkx/P9RZGkQihMAeGF9xgtcoXcSx98s6hX6qR3eZlcTd2m1fbj5e7zad2lyEQ1myi8k2t5+KYVYCNMDLBnU46bTmlpVOWpPL/iTHscGKPlxNXnTFRHUZ2SLJBeVuMpuH58pU58d3IHPMwwEdIXXon3eCOgWet2+wY+ErJNQpDiIjbhPBBTz5dY26GbEhwZrJpIDyfmpT7J10WzjllCOwY6V1TGASNM8pOGA36lFF2F2bF9RZuJjws5cHIm/QrL6kT6DrgIXODvvKAAQt9aJikMMmgRt2bK9F7ISIENBDYnfQkisha3e8rXwl/LzmR96LUgTKNEvf6T4AXjGkPNfq4kaqi0cxmVuOJ/HaIg4xS/cAjHQcihKHkAT1JRF4vSCEhjvdWFi4VgFLgfiHxP8ueQvY=
推荐阅读
- 冷热双吃的鲔鱼通心粉
- 已解压的压缩包怎么发送 怎么解压上传到服务器
- mac mysql初始密码 macmysql忘记root密码怎么登录
- 水果和果汁
- 北极的极寒世界如何容纳服务器? 怎么把服务器放在北极
- 如何正确解读网易服务器对比图? 网易服务器的对比图怎么看
- 古剑奇谭服务器选择 古剑奇谭怎么看服务器
- mysql什么时候用having mysql什么时候用json
- 如何将服务器放置在海外? 怎么把服务器放在国外