A nanofiber-based directional moisture wicking electronic fabric and preparation methods thereof are provided. The electronic fabric includes hydrophobic fibrous layer, hydrophilic fibrous layer, and conductive functional coating layer. In the preparation method of the nanofiber-based electronic fabric, the hydrophobic nanofibers, the conductive coating layer, and the hydrophilic nanofibers are successively constructed by the combination of electrospinning and electrostatic spraying technology. Through the construction of hydrophilic and hydrophobic differences, the all-fibrous electronic fabric of the invention is enabled to transport sweat from the skin surface to hydrophilic nanofibers to maintain good comfort and has the merit of good electricity at the same time. The all-fibrous electronic fabric is easy to be fabricated and has a wide application prospect in the fields of waterproof and moisture permeable clothing and intelligent wearable electronics.