<
template
>
<
div
class=
"hello"
v-bind:
style="{
color:
activeColor,
fontSize:
fontSize +
'px',
background:
activeColor}"
>
<
el-button @
click="
dialogFormVisible =
true"
>打开嵌套表单的 Dialog
</
el-button
>
<
el-dialog
title=
"收货地址" :
visible.
sync="
dialogFormVisible"
>
<
div
>
<
table
>
<
tr
>
<
td
v-on:
click="
changeback(
1)"
>
<
img
src=
"./../assets/bj.png"
/>
</
td
>
<
td
v-on:
click="
changeback(
1)"
>
<
img
src=
"./../assets/bj1.png"
/>
</
td
>
<
td
v-on:
click="
changeback(
1)"
>
<
img
src=
"./../assets/bj2.png"
/>
</
td
>
</
tr
>
</
table
>
</
div
>
<
div
slot=
"footer"
class=
"dialog-footer"
>
<
el-button @
click="
dialogFormVisible =
false"
>取 消
</
el-button
>
<
el-button
type=
"primary" @
click="
dialogFormVisible =
false"
>确 定
</
el-button
>
</
div
>
</
el-dialog
>
<
el-button
type=
"text" @
click="
dialogVisible =
true"
>点击打开 Dialog
</
el-button
>
<!--<el-dialog
title="提示"
:visible.sync="dialogVisible"
size="tiny"
:before-close="handleClose">
<span>这是一段信息</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</el-dialog>
-->
</
div
>
</
template
>
<
script
>
export
default {
data() {
return {
dialogTableVisible:
false,
dialogFormVisible:
false,
formLabelWidth:
'120px',
bgc:
'url(./../assets/bj.png)',
activeColor:
'red',
fontSize:
20,
aa:
'./../assets/bj.png'
};
},
methods: {
changeback(
a) {
console.
log(
a);
this.
bgc =
'./../assets/bj.png'
}
},
};
</
script
>
<
style
scoped
>
.hello {
background:
#FFFFFF;
}
</
style
>