vue组件在方法中使用props值,vue props 对象

　　本文主要介绍vue如何借助道具获取子组件中对应的对象，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

目录

　　方法1可直接取。方法二有时候得不到。方法3深度复制方法4可以通过使用计时器来获得。这些方法主要是在做这个项目的过程中发现和总结的，感觉挺常用的，就简单记录一下，希望下次不会再犯同样的错误。

　　子组件定义道具，父组件传入数据，子组件在js中获取时使用。如果是html，可以直接渲染变量。

　　我会直接从代码开始。

　　Js代码：

　　//子组件，定义传入的变量类型等。

　　道具：{

　　数据：{

　　类型：数组，

　　要求：真

　　},

　　状态：{

　　类型：布尔型，

　　要求：假

　　}

　　}

　　我们可以直接在生命周期功能里打印道具。

　　已安装(){

　　let _ this=this

　　console.log(_this。_道具，9999)；

　　}

方法一

所以就可以直接拿取

　　已安装(){

　　let _ this=this

　　让{datas，status}=_this。_道具；

　　console.log(数据，999999)；

　　},

方法二

有时候会获取不到，可以用一个定时器来获取

　　已安装(){

　　let _ this=this

　　让{datas，status}=_this。_道具；

　　setTimeout(()={

　　console.log(这个。_道具)

　　console.log(数据，111111)

　　},2000)

　　}

方法三

深拷贝

　　已安装(){

　　let _ this=this

　　让道具={._这个。_ props }；

　　console.log(道具，道具.)

　　},

方法四

利用watch监听

　　//直接听数据，因为这里道具的变量名就是数据

　　观察：{

　　数据(新数据，前数据){

　　console.log(新数据，123654789)

　　}

　　}

　　是的，我的数据是一个数组。

　　通过一步步的使用这四种方法，我终于得到了我想要的数据。

　　其实其他的都还可以，只是不知道为什么第一批在这个项目的某个地方失败了(其他地方成功了)。也许是因为我有毒 ( ) .

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。