技术问答vue濡備綍鑾峰彇鍏冪礌鐨勯珮 - 扬州沐宇科技

扫描二维码下载沐宇APP

微信扫码使用沐宇小程序

沐宇首页互联网技术知识问答 vue濡備綍鑾峰彇鍏冪礌鐨勯珮

扬州沐宇科技

2021-05-11 13:03:39

vue

鍦╲ue涓幏鍙栧厓绱犻珮鐨勬柟娉曪細1.鏂板缓vue.js椤圭洰锛?.娣诲姞div鏍囩锛岃缃畆ef灞炴€э紱3.鎵ц浠ｇ爜鑾峰彇鍏冪礌鐨勯珮锛?/p>

vue濡備綍鑾峰彇鍏冪礌鐨勯珮

鍏蜂綋姝ラ濡備笅锛?/p>

1.棣栧厛锛屽湪vue-cli涓垱寤轰竴涓獀ue.js椤圭洰锛?/p>

vue create project-name

2.vue.js椤圭洰鍒涘缓濂藉悗锛屽湪椤圭洰涓坊鍔犱竴涓猟iv鏍囩锛屽苟璁剧疆ref灞炴€э紱

<div ref="getheight"></div>

3.鏈€鍚庯紝ref灞炴€ц缃ソ鍚庯紝鍦ㄩ」鐩腑鎵ц浠ヤ笅浠ｇ爜鍗冲彲鑾峰彇鍏冪礌鐨勯珮锛?/p>

1锛夎幏鍙栧厓绱犵殑楂樺害鍊?/p>

let height= this.$refs.getheight.offsetHeight;

2锛夎幏鍙栧厓绱犵殑鏍峰紡鍊?/p>

let height = window.getComputedStyle(this.$refs.getheight).height;

3锛夎幏鍙栧厓绱犵殑鍐呰仈鏍峰紡鍊?/p>

let height = this.$refs.getheight.style.height;

上一条：JavaScript有什么作用