要做几个模板，每个模板的代码放在了子组件里，但是提交时需要子组件里的数据。

父组件：

通过ref识别  ref=”spcardform”

使用时直接调用所需要的数据，需要子组件中的msg，则写成：

this.$refs.spcardform.msg

 1 <template>
 2 ......
 3 <SPcardform v-show="num === 'video'" ref="spcardform"></SPcardform>
 4 ......
 5 </template>
 6 
 7 <script>
 8 import SPcardform from '@/views/SPcardform';
 9 export default{
10 ......
11     components: {
12         SPcardform
13       },
14 ......
15     methods: {
16         getData(){
17             console.log(this.$refs.spcardform.msg)
18         }
19     }
20 }

子组件：

SPcardform.vue
 1 <template>
 2 ......
 3 </template>
 4 
 5 <script>
 6 export default {
 7     data(){
 8       return{
 9         msg:'我是msg',
10         }
11     },
12     ......
13 }
14 </script>

 

原文地址：http://www.cnblogs.com/silvia-earl/p/16924604.html

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 2. 分享目的仅供大家学习和交流，请务用于商业用途! 3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！ 4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 5. 如有链接无法下载、失效或广告，请联系管理员处理！ 6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！ 7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！ 8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载 声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性