[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