vue1

< 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 >