<sub id="z53d3"><listing id="z53d3"></listing></sub>

    <em id="z53d3"></em>
    <address id="z53d3"></address>

            <noframes id="z53d3">

            福州網站建設僅需1000元起包含域名空間,詳情18558752805

            • vue如何在父組件指定點擊事件后向子組件傳遞參數并調用子組件的事件?

            福州網站建設 >網站新聞 >vue使用問題 >

            父組件

            <template>
              <div>
                <el-button type="text" @click="sonFun">useSon</el-button>
                <sonV ref='sonV' :mes="sonData"></sonV>
              </div>
            </template>
            <script>
            import sonV from './test.vue';
            export default {
              components: {
                sonV
              },
              data() {
                return {
                  sonData: ''
                };
              },
              medthods: {
                sonFun() {
                  this.sonData = '123';
                  let param = 456;
                  this.$refs.sonV.sonFun(param);
                }
              }
            };
            </script> 
            
            • 1
            • 2
            • 3
            • 4
            • 5
            • 6
            • 7
            • 8
            • 9
            • 10
            • 11
            • 12
            • 13
            • 14
            • 15
            • 16
            • 17
            • 18
            • 19
            • 20
            • 21
            • 22
            • 23
            • 24
            • 25
            • 26
            • 27

            子組件

            <template>
              <div>{{mes}}</div>
            </template>
            <script>
            export default {
              props:['mes'],
              data(){
                return{
                }
              },
              methods:{
                sonFun(param){
                  console.log(this.mes)
                  console.log(param)
                }
              }
            }
            </script> 
            掃描二維碼分享到微信
            確 認

            Copyright ? 2014-2019 ?www.siamposts.com福州網站制作 福州網站建設盡在福州E點互動 版權所有 閩ICP備16037694號-2

            你能塞多少樱桃我就陪你多久

            <sub id="z53d3"><listing id="z53d3"></listing></sub>

              <em id="z53d3"></em>
              <address id="z53d3"></address>

                      <noframes id="z53d3">