1. 程式人生 > 其它 >vue父元件傳值給子元件

vue父元件傳值給子元件

技術標籤:vue.js

父檔案:

      <el-form-item label="組織">
              <zy-type-customer :to-zy-type="toZyType"  :fData="data1"/>
      </el-form-item>

  data() {
	  return {
	  	data1: '父元件資料data1',
	  }
  }

子元件:

<p>資料:{{fData}}</p>

 export default {
	 props: [ 'toZyType','fData'],
}

訪問父頁面,頁面結果展示:
在這裡插入圖片描述