欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于vue使用ant design vue,打包后a-date-picker控件無法選擇日期的問題

 更新時間：2023年04月19日 11:33:08   作者：拿回憶下酒  
這篇文章主要介紹了關(guān)于vite .env.test環(huán)境使用ant design vue,打包后a-date-picker控件無法選擇日期的問題,本文針對這個問題提供了解決方法,需要的朋友可以參考下

前端開發(fā)后臺管理系統(tǒng)，常用的UI庫當(dāng)屬Element UI和 Ant Design Vue，但是前段時間遇到一個奇葩問題，在這里記錄一下，防止小伙伴們踩坑。

后臺系統(tǒng)，大家肯定都用過時間控件，本期我們使用的是ant design vue，所以控件也使用的是a-date-picker

舉例

<template>
<a-range-picker
    v-model:value="value"
    format="YYYY-MM-DD"
    valueFormat="YYYY-MM-DD"
    allowClear
  />
</template>


<script setup>
  import {  ref } from 'vue';
  let value = ref()
</script>

在這里插入圖片描述

上邊的寫法并沒有錯，開發(fā)環(huán)境也可以正常使用，但是打包后發(fā)現(xiàn)就不好使了

解決辦法

后來通過多方實(shí)驗(yàn)，發(fā)現(xiàn)我們在區(qū)分項(xiàng)目環(huán)境時，喜歡在項(xiàng)目根目錄創(chuàng)建.env.xx，通過多個**.env文件**實(shí)現(xiàn)。

例如 開發(fā)環(huán)境.env.dev，測試環(huán)境.env.test，生產(chǎn)環(huán)境.env.prod等等。

本來這沒啥問題，但是在**.env.test環(huán)境時**，我們發(fā)現(xiàn)打包后a-date-picker控件無法選中，因此嘗試把.env.test 改為.env.sandbox

// package.json
{
....
	'scripts':{
	    "dev": "vite --mode dev --open",
		"build": "vite build --mode sandbox"
	}
....
}

這時候再次打包，發(fā)現(xiàn)問題解決了。至于其中原理不太清楚，希望知道的小伙伴評論區(qū)留言~

到此這篇關(guān)于關(guān)于vue使用ant design vue,打包后a-date-picker控件無法選擇日期的問題的文章就介紹到這了,更多相關(guān)a-date-picker控件無法選擇日期內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論