mirrors/vue-context
2
0
Fork 0
mirror of https://github.com/tenrok/vue-context.git synced 2026-05-17 04:39:37 +03:00
Code Activity

3.4 updates (#16)

Browse Source
This commit is contained in:
Randall Wilk
2019-04-03 20:26:45 -05:00
committed by GitHub
parent 924203f4f2
commit 9d5c9da356
12 changed files with 3839 additions and 4904 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test/js/dist/index.js
Vendored
+115 -37
View File
File diff suppressed because one or more lines are too long
test/js/dist/test_issue_4.js
Vendored
-126
View File
File diff suppressed because one or more lines are too long
test/js/src/test_issue_4.js
-24
View File
@@ -1,24 +0,0 @@
import Vue from 'vue';
import { VueContext } from '../../../dist/vue-context';
new Vue({
components: {
VueContext
},
data: {
items: []
},
mounted () {
for (let i = 0; i < 30; i++) {
this.items.push(`Row ${i + 1}`);
}
},
methods: {
onClick (data) {
alert(data);
},
},
}).$mount('#app');
test/test_issue_4.html
-59
View File
@@ -1,59 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<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;
}
#div2 {
height: calc(100vh - 50px);
}
#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>
<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>
<script src="js/dist/test_issue_4.js"></script>
</body>
</html>