針對mint-ui的button組件,其源碼template一部分內(nèi)容如下<template> <button :class=" {'is-disabled': disabled,is-plain': plain}"> ..... </button></template>重點(diǎn)看其中兩行代碼'is-disabled': disabled,'is-plain': plainbutton.vue組件props出去的變量如下props: { plain: Boolean, disabled: Boolean, ......}可以看出plain和disabled都沒有定義默認(rèn)值。在官網(wǎng)介紹中可以這樣調(diào)用(mt-button即是上面的組件)<mt-button plain>plain</mt-button>因?yàn)槲易约赫{(diào)用的時(shí)候,大致會(huì)采用如下的方式<mt-button :plain='某某變量'>plain</mt-button>,其中某某變量的值為true那么問題來了,官網(wǎng)的調(diào)用中,為什么效果和我自己采取的方式是一致的,即為什么直接寫plain效果等同于:plain=‘值為true的變量’
mint-ui Button源碼疑問
胡子哥哥
2018-12-11 17:14:34