[mod] vuetify
This commit is contained in:
		
							parent
							
								
									3411ef7c9f
								
							
						
					
					
						commit
						e619617cde
					
				
					 3 changed files with 6 additions and 8 deletions
				
			
		
							
								
								
									
										
											BIN
										
									
								
								caddy/site/links/icon.png
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								caddy/site/links/icon.png
									
										
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 633 B | 
|  | @ -18,8 +18,9 @@ | |||
|           <li v-for="item in json"><a :href="item.href">{{ item.text }}</a></li> | ||||
|         </ul> | ||||
|          | ||||
|          <button v-on:click="load">hits {{ hits }}</button> | ||||
|          <v-btn v-on:click="load">hits {{ hits }}</v-btn> | ||||
|           <div> {{ message }}</div> | ||||
|           <iframe name="srv" src="icon.png" width="100%"></iframe> | ||||
|        </div> | ||||
|        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" crossorigin="anonymous"></script> | ||||
|        <script src="//unpkg.com/vuetify@2.6.2/dist/vuetify.min.js" crossorigin="anonymous"></script>      | ||||
|  |  | |||
|  | @ -1,24 +1,21 @@ | |||
| // app
 | ||||
| Vue.use(Vuetify); | ||||
| var app = new Vue({  | ||||
|     el: '#app', | ||||
|     data: { | ||||
|         message: 'Hello Vue!', | ||||
|         json: null, | ||||
|         json: links, | ||||
|         hits:0, | ||||
|         loaded: null | ||||
|     }, | ||||
|  filters: { | ||||
|     pretty: function(value) { | ||||
|       return JSON.stringify(JSON.parse(value), null, 2); | ||||
|     } | ||||
|   }, | ||||
| 
 | ||||
|   methods:{ | ||||
| 	  load() { | ||||
| 		      this.loaded =  new Date() | ||||
| 		      this.hits += 1 | ||||
| 			  fetch("links.json") | ||||
| 		        .then(response => response.json()) | ||||
| 		        .then(data => (this.json = data)); | ||||
| 		        .then(data => (this.links = data)); | ||||
|            } | ||||
|   }, | ||||
|   mounted () { | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue