From a90276a242ddca6f45e234c5cc4832a7a01a7e03 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期一, 02 十二月 2024 11:06:53 +0800
Subject: [PATCH] Fix Bug: 条码更新问题
---
src/components/Barcode/src/Barcode.vue | 29 +++++++++++++++++------------
1 files changed, 17 insertions(+), 12 deletions(-)
diff --git a/src/components/Barcode/src/Barcode.vue b/src/components/Barcode/src/Barcode.vue
index 18bbc03..f56c9e1 100644
--- a/src/components/Barcode/src/Barcode.vue
+++ b/src/components/Barcode/src/Barcode.vue
@@ -6,7 +6,7 @@
<script lang="ts" setup>
-import { ref, onMounted, nextTick } from 'vue'
+import { ref, onMounted, watch, nextTick } from 'vue'
import JsBarcode from 'jsbarcode'
defineOptions({ name: 'Barcode' })
@@ -17,26 +17,31 @@
value: String
});
-onMounted(() => {
- nextTick(() => {
- JsBarcode('.barcode', String(props.value), {
- format: "CODE39",//閫夋嫨瑕佷娇鐢ㄧ殑鏉″舰鐮佺被鍨�
- width:1,//璁剧疆鏉′箣闂寸殑瀹藉害
- height:40,//楂樺害
- displayValue:true,//鏄惁鍦ㄦ潯褰㈢爜涓嬫柟鏄剧ず鏂囧瓧
+const generateBarcode = () => {
+ JsBarcode('.barcode', String(props.value), {
+ format: "CODE39",//閫夋嫨瑕佷娇鐢ㄧ殑鏉″舰鐮佺被鍨�
+ width:1,//璁剧疆鏉′箣闂寸殑瀹藉害
+ height:40,//楂樺害
+ displayValue:true,//鏄惁鍦ㄦ潯褰㈢爜涓嬫柟鏄剧ず鏂囧瓧
// text:"456",//瑕嗙洊鏄剧ず鐨勬枃鏈�
// fontOptions:"bold italic",//浣挎枃瀛楀姞绮椾綋鎴栧彉鏂滀綋
// font:"fantasy",//璁剧疆鏂囨湰鐨勫瓧浣�
// textAlign:"left",//璁剧疆鏂囨湰鐨勬按骞冲榻愭柟寮�
// textPosition:"top",//璁剧疆鏂囨湰鐨勫瀭鐩翠綅缃�
// textMargin:5,//璁剧疆鏉″舰鐮佸拰鏂囨湰涔嬮棿鐨勯棿璺�
- fontSize:15,//璁剧疆鏂囨湰鐨勫ぇ灏�
+ fontSize:15,//璁剧疆鏂囨湰鐨勫ぇ灏�
// background:"#eee",//璁剧疆鏉″舰鐮佺殑鑳屾櫙
// lineColor:"#2196f3",//璁剧疆鏉″拰鏂囨湰鐨勯鑹层��
- margin:15//璁剧疆鏉″舰鐮佸懆鍥寸殑绌虹櫧杈硅窛
- });
- })
+ margin:15//璁剧疆鏉″舰鐮佸懆鍥寸殑绌虹櫧杈硅窛
+ });
+}
+
+onMounted(() => {
+ nextTick(() => generateBarcode())
})
+
+watch(() => props.value, generateBarcode);
+
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.3