在移动端vue项目中用vant来实现折叠面板下拉是表格形式的如何实现 vue中select用ul怎么实现下拉菜单
Vue\u9879\u76ee\u600e\u4e48\u7528vant\u7ec4\u4ef6\u5e93\u5b9e\u73b0\u6587\u4ef6\u4e0a\u4f20\u52a0\u526a\u88c1\uff0c\u4e86\u89e3\u7684\u5927\u4f6c\u7ed9\u4e2a\u601d\u8def\u56fe\u7247\u88c1\u526a\u7684\u8bdd\uff0c\uff0c\u53ef\u4ee5\u7ed3\u5408 cropper.js \u6211\u521a\u505a\u8fc7\uff0c\u4f46\u662f\u6ca1\u6709\u7ed3\u5408vant \u60f3\u6765\u662f\u4e00\u6837\u7684,\u90fd\u662f\u9488\u5bf9\u7684\u6587\u4ef6\uff0c\uff0c\u5448\u73b0\u65b9\u5f0f\u4e0d\u540c\u800c\u5df2... \u671b\u91c7\u7eb3
1 2 \u8fd9\u662f\u4e00\u6bb5\u9690\u85cf\u7684\u5185\u5bb9 var demo =new Vue({ el: "#demo", data: { open: false, selected:"1" }, watch: { selected: function(val) { this.open = val == "2" ? true : false; } } }); \u53ef\u4ee5\u505a\u4e2a\u53c2\u8003
网页链接
有个slot 可以自定义面板的内容,可以看看参考文档,有案例很详细的
我也遇到这个需求 咋解决呢?
绛旓細1銆佷娇鐢╒antUI 鐨绉诲姩绔缁勪欢搴擄細VantUI鏄竴涓笓涓Vue.js璁捐鐨勭Щ鍔ㄧUI缁勪欢搴擄紝鎻愪緵浜嗕赴瀵岀殑鍙鐢ㄧ粍浠讹紝閫傜敤浜庡紑鍙戠Щ鍔ㄧ App銆傚湪App涓紩鍏VantUI锛屽彲閫氳繃npm鎴杫arn杩涜瀹夎锛屽苟鎸夌収瀹樻柟鏂囨。杩涜閰嶇疆鍜屼娇鐢ㄣ2銆佺‘淇濇敮鎸佺Щ鍔ㄧ浜や簰锛氱Щ鍔ㄧApp鐨刄I鍜屼氦浜掓柟寮忎笌浼犵粺鐨勬闈㈢綉椤垫湁鎵涓嶅悓銆傚湪浣跨敤VantUI...
绛旓細Element UI锛氫互鍏剁洿瑙傛槗鐢ㄧ殑鐣岄潰鍜岄珮搴︽ā鍧楀寲鐨勭粨鏋勶紝娣卞彈寮鍙戣呭枩鐖便傛棤璁烘槸鍩虹缁勪欢杩樻槸楂樼骇鍔熻兘锛孍lement UI閮借兘鏃犵紳铻嶅叆浣犵殑椤圭洰锛屾彁鍗囧紑鍙戞晥鐜囥傝屽浜庣Щ鍔ㄨ澶囧紑鍙戯紝Vue鍚屾牱鎷ユ湁涓娴佺殑瑙e喅鏂规锛氱Щ鍔ㄤ紭鍏堢殑UI缁勪欢搴撴帹鑽愶細Vant锛氫笓涓绉诲姩绔璁捐鐨勮交閲忕骇搴擄紝鍏剁粍浠剁畝娲佽屽姛鑳藉己澶э紝鏃犺鏄湪鎬ц兘杩樻槸瑙嗚...
绛旓細Vant鏄禐鍓嶇鍥㈤槦缁存姢鐨勭Щ鍔ㄧ缁勪欢搴擄紝鎻愪緵浜嗕竴鏁村UI鍩虹缁勪欢鍜屼笟鍔$粍浠躲傝交閲忋佸彲闈犵殑绉诲姩绔疺ue缁勪欢搴擄紝閲囩敤MIT寮婧愬崗璁紝鐩墠githubstar鏁9k+锛屾槸鏈夎禐鐨勪竴濂楀紑婧愮粍浠跺簱銆傞氳繃Vant锛屽彲浠ュ揩閫熸惌寤哄嚭椋庢牸缁熶竴鐨勯〉闈紝鎻愬崌寮鍙戞晥鐜囥傜洰鍓嶅凡鏈夎繎60+涓粍浠讹紝杩欎簺缁勪欢琚箍娉涗娇鐢ㄤ簬鏈夎禐鐨勫悇涓Щ鍔ㄧ涓氬姟涓
绛旓細鎮ㄨ闂殑鏄vue3+vant3杩涜琛ㄥ崟鏍¢獙璋冩庝箞鐢ㄥ悗鍙版帴鍙e紓姝ユ牎楠岋紵鏂规硶濡備笅銆1銆侀鍏堬紝闇瑕佸湪琛ㄥ崟涓畾涔夎〃鍗曟牎楠岃鍒欙紝渚嬪蹇呭~椤广佹牸寮忔牎楠岀瓑銆鍦╒ant3涓紝鍙互浣跨敤rules灞炴ф潵瀹氫箟琛ㄥ崟鏍¢獙瑙勫垯銆2銆佸彲浠ュ湪琛ㄥ崟鎻愪氦鏃朵娇鐢ㄢ漵ubmit鈥滀簨浠舵潵瑙﹀彂琛ㄥ崟鏍¢獙銆傚湪鈥渟ubmit鈥濅簨浠跺鐞嗗嚱鏁颁腑锛屽彲浠ヨ皟鐢ㄥ悗鍙版帴鍙f潵寮傛鏍¢獙...
绛旓細鍦浣跨敤vue3鐨勮繃绋嬩腑锛vant鍦ㄧЩ鍔ㄧ鐨勫湴浣嶈繕鏄緢楂樼殑锛屾湰鏂囩畝鍗曚粙缁嶄竴涓嬪浣曞湪鑷繁椤圭洰涓瀹炵幇ImagePreview鍥剧墖棰勮鏁堟灉锛岃幏鍙栧浘鐗囩储寮,鐐瑰嚮鍝竴寮犲氨棰勮鍝竴寮 涓銆佹晥鏋滃浘濡備笅 浜屻佸疄鐜版楠わ紝鍒嗕负3姝 1銆佸眬閮ㄦ敞鍐孖magePreview 2銆佸畾涔夊鐞嗘柟娉昽penImg锛屾墽琛宨magepreview鍑芥暟 3銆佺偣鍑诲浘鐗囪皟鐢╫penImg鍑芥暟棰勮...
绛旓細1銆佸浘鐗囧ぇ灏忚繃澶э細澶у浘鐨勪笂浼犱細鍗犵敤鏇村鐨勭綉缁滃甫瀹藉拰绯荤粺璧勬簮锛屽鑷撮〉闈㈠姞杞介熷害鍙樻參銆傚彲浠ュ涓婁紶鐨勫浘鐗囪繘琛屽帇缂╂垨鑰呴檺鍒跺浘鐗囧ぇ灏忥紝浠ュ噺灏戣祫婧愬崰鐢ㄣ2銆佸浘鐗囧鐞嗘柟寮忥細鍦ㄤ笂浼犱箣鍚庨渶瑕佽繘琛屽浘鐗囩殑棰勮銆佸睍绀烘垨鑰呭叾浠栧鐞嗭紝澶勭悊澶у浘浼氭秷鑰楁洿澶氱殑绯荤粺璧勬簮锛屽鑷撮〉闈㈠崱椤裤傚彲浠ュ涓婁紶鐨勫浘鐗囪繘琛屽欢杩熷姞杞芥垨鑰呭紓姝ュ鐞嗭紝...
绛旓細鍓嶇寮鍙戜腑锛孶I妗嗘灦濡俉eUI銆丩ayUI銆Vant銆丒lementUI銆丄UI绛夋壆婕旂潃閲嶈瑙掕壊銆傚畠浠棬鍦ㄧ畝鍖栧墠绔紑鍙戣呯殑宸ヤ綔锛屾彁渚涢璁捐鐨凜SS鍜孞S璧勬簮锛屽府鍔╁揩閫熸瀯寤洪潤鎬侀〉闈傛瘮濡傦紝WeUI涓昏渚ч噸浜庡井淇″皬绋嬪簭寮鍙戯紝鎻愪緵绠娲佺殑鏍峰紡锛沄ant鍒欒鐩栦簡绉诲姩绔鐨勫叏闈㈤渶姹傦紝鏄撲簬涓婃墜锛汦lementUI閰嶅悎Vue锛屽姛鑳藉己澶э紝閫傚悎蹇熸惌寤虹鐞嗗悗鍙帮紱...
绛旓細缃戦〉閾炬帴 鏈変釜slot 鍙互鑷畾涔夐潰鏉跨殑鍐呭锛屽彲浠ョ湅鐪嬪弬鑰冩枃妗o紝鏈夋渚嬪緢璇︾粏鐨
绛旓細浠Vant 涓轰緥锛氶鍏堝畨瑁vant 瀹夎 babel-plugin-import 鎻掍欢 涔熷彲浠ラ氳繃鍥惧舰鍖栫晫闈㈠畨瑁
绛旓細濡傛灉浣犵殑椤圭洰涓绘墦绉诲姩搴旂敤锛Vant鐨勮璁$悊蹇靛皢绉诲姩浼樺厛甯﹀叆浣犵殑瑙嗛噹锛屼笓娉ㄤ簬涓虹Щ鍔ㄨ澶囨彁渚涗紭绉鐨勭敤鎴蜂綋楠屻侲lement Plus浣滀负Vue 3鐨刄I缁勪欢搴擄紝鏄疎lement UI鐨勫欢缁紝瀹冨湪璁捐鍜屾ц兘涓婃湁鎵绐佺牬锛屼负寮鍙戣呮彁渚涗簡涓板瘜鐨勯夋嫨銆傚浜庡姹備笌Ant Design鍏煎鐨勮В鍐虫柟妗堬紝Ant Design Vue鎻愪緵浜嗚缁嗕笖鏄撲簬瀹氬埗鐨勬枃妗o紝...