關於el dialog取消事件

再做乙個**資料的新增以及編輯當前行資料的時候遇到乙個問題，因為兩個功能用的是同乙個彈出框（el-dialog），考慮到編輯完成或者取消之後再次點選新建會有資料沒有置空，開始我想的是在取消以及完成按鈕的地方加上置空方法結果忽略了點選右上角的取消按鈕（x）不置空

<

el-dialog 
width
="30%"
title
="新增部門型別"
:visible.sync
="innervisible"
>
<
el-form 
:model
="typeform"
>
<
el-form-item 
label
="型別名稱"
:label-width
="formlabelwidth"
>
<
el-input 
v-model
="typeform.name"
autocomplete
="off"
>
el-input
>
el-form-item
>
<
el-form-item 
v-show
="idvisiable"
label
="id"
:label-width
="formlabelwidth"
>
<
el-input 
v-model
="typeform.id"
disabled autocomplete
="off"
>
el-input
>
el-form-item
>
el-form
>
<
div 
slot
="footer"
class
="dialog-footer"
@close
="typehandleclose"
>
<
el-button 
@click
="canceltypeadd"
>取 消
el-button
>
<
el-button 
:disabled
="disableedit"
type
="primary"
@click
="addtypeform"
>確 定
el-button
>
div>
el-dialog
>
<
el-dialog 
width
="30%"
title
="新增部門型別"
:visible.sync
="innervisible"
>
<
el-form 
:model
="typeform"
>
<
el-form-item 
label
="型別名稱"
:label-width
="formlabelwidth"
>
<
el-input 
v-model
="typeform.name"
autocomplete
="off"
>
el-input
>
el-form-item
>
<
el-form-item 
v-show
="idvisiable"
label
="id"
:label-width
="formlabelwidth"
>
<
el-input 
v-model
="typeform.id"
disabled autocomplete
="off"
>
el-input
>
el-form-item
>
el-form
>
<
div 
slot
="footer"
class
="dialog-footer"
@close
="typehandleclose"
>
<
el-button 
@click
="canceltypeadd"
>取 消
el-button
>
<
el-button 
:disabled
="disableedit"
type
="primary"
@click
="addtypeform"
>確 定
在element中查詢，我覺得應該是在如下圖
在這個地方繫結置空方法結果不成功
我直接在新建之前繫結置空，這樣也就更加的簡便，但是x點選的解決方法還沒有找到
/*

* * 新增編輯部門型別資訊置空 
*/ inittypeform() , //
獲取tag資訊 gettagtype(e) ,
轉變思想，再新建介面彈出之前置空初始化介面

/*

* * 展示新增部門型別介面 
*/ addtype() ,
view code
 
取消事件冒泡
阻止事件冒泡 1.e.stoppropagation 方法 ie瀏覽器不可以 2.cancelbbubble true 屬性 ie瀏覽器 如下 function stopbubble e else 阻止冒泡和阻止預設事件 1.event.stoppropagation 方法 阻止事件的冒泡方法，但是...
取消冒泡事件
這也時從別人那copy來的。只不過是 自己打了一次。原文 在預設情況下，發生在乙個子元素上的單擊事件 或者其他事件 如果在其父級元素繫結了乙個同樣的事件，此時點選子元素，click事件會首先被子元素捕獲，執行繫結的事件程式，之後會被父級元素捕獲，再次激發一段指令碼的執行，這就是所謂的 事件冒泡 ob...
事件取消和阻止
取消冒泡 w3c標準 event.stoppropagation 但不支援ie9以下版本 ie獨有event.cancelbubble true 封裝 stopbubble event function stopbulle event else 阻止預設事件 預設事件 表單提交，a標籤跳轉，右鍵選單...