<n-button class="heise" strong round secondary @click="plusOne">
<div class="touxiang"></div>
<div class="name">云淡风轻🍃</div>
<div class="qian">¥2390.00</div>
<div class="lujing">
<img src="../assets/路径3.png" />
</div>
</n-button>
<!-- 下拉菜单 -->
<!-- <table class="subnav" ref="tables"> -->
<table class="subnav" v-if="showArrow">
<tr>
<td>
<div style="height: 80px;width: 100%;"></div>
</td>
</tr>
<tr>
<td>
<a href="#">
<div class="jz">
<div class="tx"></div>
<div class="mz">走路带风的沸沸</div>
<div class="sj">2020.07.20</div>
</div>
</a>
</td>
</tr>
<tr>
<td> <a href="#">
<div class="jz">
<div class="tx"></div>
<div class="mz">走路带风的沸沸</div>
<div class="sj">2020.07.20</div>
</div>
</a></td>
</tr>
<tr>
<td>
<a href="#">
<div class="jz">
<div class="tx"></div>
<div class="mz">走路带风的沸沸</div>
<div class="sj">2020.07.20</div>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="#">
<div class="jz">
<div class="tc">退出登录</div>
</div>
</a>
</td>
</tr>
</table>
<script>
import {
defineComponent,
h,
onMounted,
ref
} from 'vue';
import {
NButton,
} from 'naive-ui'
export default defineComponent({
components: {
NButton,
},
setup() {
let showArrow = ref(false)
function plusOne(){
showArrow.value = !showArrow.value
console.log(showArrow)
}
return {
showArrow,
plusOne
}
},
})
</script>