console
new Vue({
el: '#app',
data(){
return {
list1: true,
list2: false,
tips:["即席分析", "固定报表"]
}
},
watch:{
radio(val){
if(val){
this.value1 = this.value2 = ''
}
},
value1(val){
if(val){
this.radio = ''
}
},
value2(val){
if(val){
this.radio = ''
}
}
},
methods: {
handleShow() {
if(this.list1 == true){
this.list1 = true
this.list2 = !this.list2
}else if (this.list1 == false) {
this.list1 = false
this.list2 = !this.list2
}
}
}
})
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet" href="https://unpkg.com/vue-happy-scroll/docs/happy-scroll.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/vue-happy-scroll/docs/happy-scroll.min.js"></script>
<div id="app">
<el-popover
width="100"
content="content"
trigger="click"
visible-arrow="true"
placement="right"
abc="1"
style="transform: translate(100px,100px)"
>
<el-button slot="reference">hover 激活</el-button>
</el-popover>
</div>
.abc{
transform: translate(50px,0)
}