我有值 'reset'，上傳檔案時應該設定為 false。觸發fileUpload函式后，'reset'仍然是'true'（外部設定為'true'），檔案上傳時如何設定為'false'？
<template>
reset: {{reset}}<br> // should display variable here
<div ">
<label for="fileUploaderInput" >
</label>
<input
type="file"
name="fileUploaderInput"
@input="fileUpload"
/>
</div>
</template>
<script>
import { ref, toRefs } from "@vue/reactivity";
export default {
name: "Upload",
props: {
reset: {
type: Boolean,
default: false,
},
},
emits: ["upload"],
setup(props, { emit }) {
const { reset } = toRefs(props);
const fileNames = ref("");
function fileUpload(event) {
reset.value = false;// should be set here
const files = event.target.files;
emit("upload", files);
}
return {
fileNames,
fileUpload,
reset,
};
},
};
</script>
uj5u.com熱心網友回復：
由于這reset是一個道具，它應該在upload事件處理程式內的父組件內更新：
uploadHandler(files){
//update the reset here
}
或者您可以創建一個以resetprop 作為初始值的 ref ，然后像上面一樣更新它
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/370457.html
標籤：Vue.js
上一篇：如何將組件動態添加到網格？