https://www.r512.com/index.php?action=history&feed=atom&title=Vue_Load_JSON_File
Vue Load JSON File - Revision history
2026-05-08T15:13:31Z
Revision history for this page on the wiki
MediaWiki 1.37.1
https://www.r512.com/index.php?title=Vue_Load_JSON_File&diff=1362&oldid=prev
108.53.114.162: Created page with "<pre> <template> <div class="category-itemthumb"> <h2>Gallery</h2> <div v-for="item in gallery.categories" v-bind:key=item.id class="items"> <a :href="item.l..."
2018-12-03T21:53:43Z
<p>Created page with "<pre> <template> <div class="category-itemthumb"> <h2>Gallery</h2> <div v-for="item in gallery.categories" v-bind:key=item.id class="items"> <a :href="item.l..."</p>
<p><b>New page</b></p><div><pre><br />
<template><br />
<div class="category-itemthumb"><br />
<h2>Gallery</h2><br />
<div v-for="item in gallery.categories" v-bind:key=item.id class="items"><br />
<a :href="item.link"><br />
<img :src="desctributiondir + item.image + ext"><br />
</a><br />
<p>{{item.name}}</p><br />
</div><br />
<br />
</div><br />
<br />
</template><br />
<script><br />
import myjson from './gallerycategories.json'<br />
export default {<br />
data(){<br />
return{<br />
gallery: myjson,<br />
desctributiondir: "/dist/",<br />
ext: ".jpg",<br />
viewlocal:"/src/assets/"<br />
<br />
}<br />
}<br />
<br />
}<br />
</script><br />
<br />
</pre><br />
JSON SNIPPET<br />
<br />
<pre><br />
{<br />
"categories":[<br />
{<br />
"id": 1,<br />
"name": "Places and Ideas",<br />
"image": 40,<br />
"description":"",<br />
"link": "http://www.vortexcreativecenter.com/gallery/index.php?/category/40"<br />
},<br />
{<br />
"id": 2,<br />
"name": "Portraits",<br />
"image": 41,<br />
"description":"",<br />
"link": "http://www.vortexcreativecenter.com/gallery/index.php?/category/41"<br />
},<br />
{<br />
"id": 3,<br />
"name": "Surface Designs and Murals",<br />
"image": 43,<br />
"description":"",<br />
"link": "http://www.vortexcreativecenter.com/gallery/index.php?/category/43"<br />
}<br />
}<br />
<br />
</pre></div>
108.53.114.162