鍍金池/ 問答/HTML/ vue父?jìng)髯觩rops，怎么設(shè)置默認(rèn)值呢，我的default為什么不行？

vue父?jìng)髯觩rops，怎么設(shè)置默認(rèn)值呢，我的default為什么不行？

vue父?jìng)髯觩rops，怎么設(shè)置默認(rèn)值呢，我的default為什么不行呢？

父組件 one

        <two :message="ac" :acacacac="aaa"></two>
        
         import two from "./two";
            
        data(){
        return{
            aaa:"",
            ac:"",
        }
    },
    components:{
        two
    },

父組件 two

    <div>
     <div>我是子組件</div>
      {{message}}
      {{acacacac}}
  </div>


 props:{
        message:{
            default:"我是默認(rèn)值"
        },
        acacacac:{
            default:"我是下一個(gè)默認(rèn)值"
        }
    },

為什么沒有效果呢？

回答
編輯回答
尐懶貓

兩種寫法。

    <div>
     <div>我是子組件</div>
      {{message}}
      {{acacacac}}
  </div>


 props:{
        message:{
            type: String,
            default:"我是默認(rèn)值"
        },
        acacacac:{
            type: String,
            default:()=>{
                return '默認(rèn)值'
            }
        }
    },
2017年6月9日 05:59
編輯回答
墨小白

題主可以試試ac: undefined有效而aaa: ""無效，表面上看起來似乎有點(diǎn)智障

父組件：

 data() {
    return {
      ac: undefined,//有效
      aaa: ""http://無效
    };
  }

子組件：

export default {
  name: "two",
  props: {
    message: {
      type: String,
      default: "我是默認(rèn)值"
    },
    acacacac: {
      type: String,
      default: "我是下一個(gè)默認(rèn)值"
    }
  }
};

結(jié)果：

clipboard.png

2018年5月3日 10:18