mirrors/vue-context
2
0
Fork 0
mirror of https://github.com/tenrok/vue-context.git synced 2026-06-16 14:50:31 +03:00
Code Activity

formatting

Browse Source
This commit is contained in:
Randall Wilk
2018-06-20 08:03:33 -05:00
parent b041b0ece4
commit 6483864b27
4 changed files with 67 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test/test_issue_4.html
+49 -49
View File
@@ -1,59 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue Context Issue Test #4</title>
<head>
<meta charset="UTF-8">
<title>Vue Context Issue Test #4</title>
<style>
#div1 {
height: 50px;
background: #ff0000;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
<style>
#div1 {
height: 50px;
background: #ff0000;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
#div2 {
height: calc(100vh - 50px);
}
#div2 {
height: calc(100vh - 50px);
}
#div2 table {
height: 100%;
width: 100%;
border-collapse: collapse;
}
#div2 table {
height: 100%;
width: 100%;
border-collapse: collapse;
}
#div2 table td {
border: 1px solid #ddd;
padding: 0;
line-height: 1;
}
</style>
</head>
<body >
<div id="app">
<div id="div1">
&nbsp;
</div>
#div2 table td {
border: 1px solid #ddd;
padding: 0;
line-height: 1;
}
</style>
</head>
<body >
<div id="app">
<div id="div1">
&nbsp;
</div>
<div id="div2">
<table>
<tbody>
<tr v-for="item in items" @contextmenu.prevent="$refs.menu.open($event, item)">
<td v-text="item"></td>
</tr>
</tbody>
</table>
</div>
<div id="div2">
<table>
<tbody>
<tr v-for="item in items" @contextmenu.prevent="$refs.menu.open($event, item)">
<td v-text="item"></td>
</tr>
</tbody>
</table>
</div>
<vue-context ref="menu">
<ul slot-scope="child" v-if="child.data">
<li @click="onClick(child.data)">Do something with: {{ child.data }}</li>
</ul>
</vue-context>
</div>
<vue-context ref="menu">
<ul slot-scope="child" v-if="child.data">
<li @click="onClick(child.data)">Do something with: {{ child.data }}</li>
</ul>
</vue-context>
</div>
<script src="js/dist/test_issue_4.js"></script>
</body>
<script src="js/dist/test_issue_4.js"></script>
</body>
</html>