您好,登錄后才能下訂單哦!
今天小編給大家分享一下vue怎么實(shí)現(xiàn)關(guān)閉對(duì)話框后刷新列表的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。
有些場(chǎng)景需要實(shí)現(xiàn)用戶彈窗確定后自動(dòng)刷新列表,父窗口綁定fevent即可
<template> <div> <el-button @click="$refs.editform.dialogFormVisible = true" >編輯用戶</el-button> <editform @fevent="update_table" ref="editform"> </editform> </div> </template>
<script> import editform from './editform.vue' export default { components: { editform }, methods: { update_table () { console.log('列表框被刷新了') } } } </script>
<template> <el-dialog title="編輯用戶" :visible.sync="dialogFormVisible"> <el-button @click="delete_user">刪除用戶</el-button> </el-dialog> </template>
<script> export default { data () { return { dialogFormVisible: false } }, methods: { delete_user () { this.$emit('fevent') this.$message.success('刪除成功') this.dialogFormVisible = false } } } </script>
附加上自己的業(yè)務(wù)代碼,即可實(shí)現(xiàn)列表自動(dòng)刷新
背景:在做頁(yè)面的過(guò)程中需要在頁(yè)面列表里面添加數(shù)據(jù),但是添加之后需要手動(dòng)刷新頁(yè)面才會(huì)出現(xiàn)添加的數(shù)據(jù)。
可在添加成功之后添加代碼
parent.location.reload();
以上就是“vue怎么實(shí)現(xiàn)關(guān)閉對(duì)話框后刷新列表”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。