Styjun

What causes the sudden spool-up sound from an F-16 when enabling afterburner?

Check if two datetimes are between two others

Crop image to path created in TikZ?

What happens when a metallic dragon and a chromatic dragon mate?

Where to refill my bottle in India?

Does a dangling wire really electrocute me if I'm standing in water?

Is there a name of the flying bionic bird?

Is this food a bread or a loaf?

Are white and non-white police officers equally likely to kill black suspects?

Can I find out the caloric content of bread by dehydrating it?

Are cabin dividers used to "hide" the flex of the airplane?

Is ipsum/ipsa/ipse a third person pronoun, or can it serve other functions?

Email Account under attack (really) - anything I can do?

"listening to me about as much as you're listening to this pole here"

Is there a familial term for apples and pears?

LWC and complex parameters

How is it possible for user's password to be changed after storage was encrypted? (on OS X, Android)

Denied boarding due to overcrowding, Sparpreis ticket. What are my rights?

Is Social Media Science Fiction?

Domain expired, GoDaddy holds it and is asking more money

Extreme, but not acceptable situation and I can't start the work tomorrow morning

What do you call something that goes against the spirit of the law, but is legal when interpreting the law to the letter?

Could Giant Ground Sloths have been a good pack animal for the ancient Mayans?

Is every set a filtered colimit of finite sets?

Getting the load-children prop in Vuetify's treeview to fire more than once

Cannot load assets more than once with PreloadJS and Vue.jsVue.js async components: how to fire the render function more than onceVue Router passing props to dynamically loaded childrenVuetifyJS toolbar overlays content as soon as fixed prop gets addedIs it possible in VueJS to give component prop more than one type and more than one default value?How to get an object rather than a single value when clicking on a v-select item?EventBus emitting more than once until page refreshHow to get data from quill editor using vuetify propsPassing parent ID in Vuetify's treeview component to functionVuetify treeview - select parent without selecting children

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I'm using Vuetify's Treeview to display a crop disease diagnostic key. Treeview provides a prop "load-children" which runs a function if the item being expanded has an item-children property that is an empty array. In my context, this last child of each node is the name of a disease.

When that child node/disease name is first clicked, "loadResources" is called which retrieves additional information about the disease. However, if I subsequently click on the last child of another node and then go back to the first one, it does not fire a second time.

How can I have each last child of a node set up so that a repeat click of a given node fires "loadResources" each time it is clicked?

export default 
 name: "key",
 data() 
 return 
 active: [],
 items: [
 
 id: 1,
 name: 'Roots :',
 children: [
 id: 2,
 name: 'Seedlings',
 children: [
 id: 12,
 name: 'Watery rot in root/stem near the soil line',
 children: [
 id:13,name: 'Damping off',children: []
 ]
 ],
 id: 3,
 name: 'Larger plants',
 children: [
 id:24, name: 'Brown, sunken lesions near soil-line', children: [
 id:36,name: 'Rhizoctonia root rot',children: []
 ],
 id:125, name: 'Soft wet rot at base of stem extending to roots', children: [
 id:45,name: 'Bacterial soft rot',children: []
 ]
 ],
 ]
 ,
 ]
 
 ,
 methods: 
 async loadResources (item) 
 console.log('loadResources triggered');
 var app = this;
 var pestid = item.pest_id;
 await pause(500);
 app.isDetails = false;
 axios.get('/key/plus/' + pestid)
 .then(function (response) 
 if (response.data.length>0)
 app.resources = response.data;
 app.isDetails = true;
 else 
 console.log("No data were returned");
 
 )
 .catch(function (error) 
 console.log('Error: ',error);
 );
 this.$nextTick(function () 
 document.getElementById("moreinfo").scrollIntoView(
 behavior: 'smooth'
 )
 )
 
 

Thanks, Tom.

vue.js vuetify.js

share|improve this question

asked Mar 22 at 1:47

TomBaineTomBaine

2961514

add a comment | 

0

I'm using Vuetify's Treeview to display a crop disease diagnostic key. Treeview provides a prop "load-children" which runs a function if the item being expanded has an item-children property that is an empty array. In my context, this last child of each node is the name of a disease.

When that child node/disease name is first clicked, "loadResources" is called which retrieves additional information about the disease. However, if I subsequently click on the last child of another node and then go back to the first one, it does not fire a second time.

How can I have each last child of a node set up so that a repeat click of a given node fires "loadResources" each time it is clicked?

export default 
 name: "key",
 data() 
 return 
 active: [],
 items: [
 
 id: 1,
 name: 'Roots :',
 children: [
 id: 2,
 name: 'Seedlings',
 children: [
 id: 12,
 name: 'Watery rot in root/stem near the soil line',
 children: [
 id:13,name: 'Damping off',children: []
 ]
 ],
 id: 3,
 name: 'Larger plants',
 children: [
 id:24, name: 'Brown, sunken lesions near soil-line', children: [
 id:36,name: 'Rhizoctonia root rot',children: []
 ],
 id:125, name: 'Soft wet rot at base of stem extending to roots', children: [
 id:45,name: 'Bacterial soft rot',children: []
 ]
 ],
 ]
 ,
 ]
 
 ,
 methods: 
 async loadResources (item) 
 console.log('loadResources triggered');
 var app = this;
 var pestid = item.pest_id;
 await pause(500);
 app.isDetails = false;
 axios.get('/key/plus/' + pestid)
 .then(function (response) 
 if (response.data.length>0)
 app.resources = response.data;
 app.isDetails = true;
 else 
 console.log("No data were returned");
 
 )
 .catch(function (error) 
 console.log('Error: ',error);
 );
 this.$nextTick(function () 
 document.getElementById("moreinfo").scrollIntoView(
 behavior: 'smooth'
 )
 )
 
 

Thanks, Tom.

vue.js vuetify.js

share|improve this question

asked Mar 22 at 1:47

TomBaineTomBaine

2961514

add a comment | 

I'm using Vuetify's Treeview to display a crop disease diagnostic key. Treeview provides a prop "load-children" which runs a function if the item being expanded has an item-children property that is an empty array. In my context, this last child of each node is the name of a disease.

When that child node/disease name is first clicked, "loadResources" is called which retrieves additional information about the disease. However, if I subsequently click on the last child of another node and then go back to the first one, it does not fire a second time.

How can I have each last child of a node set up so that a repeat click of a given node fires "loadResources" each time it is clicked?

export default 
 name: "key",
 data() 
 return 
 active: [],
 items: [
 
 id: 1,
 name: 'Roots :',
 children: [
 id: 2,
 name: 'Seedlings',
 children: [
 id: 12,
 name: 'Watery rot in root/stem near the soil line',
 children: [
 id:13,name: 'Damping off',children: []
 ]
 ],
 id: 3,
 name: 'Larger plants',
 children: [
 id:24, name: 'Brown, sunken lesions near soil-line', children: [
 id:36,name: 'Rhizoctonia root rot',children: []
 ],
 id:125, name: 'Soft wet rot at base of stem extending to roots', children: [
 id:45,name: 'Bacterial soft rot',children: []
 ]
 ],
 ]
 ,
 ]
 
 ,
 methods: 
 async loadResources (item) 
 console.log('loadResources triggered');
 var app = this;
 var pestid = item.pest_id;
 await pause(500);
 app.isDetails = false;
 axios.get('/key/plus/' + pestid)
 .then(function (response) 
 if (response.data.length>0)
 app.resources = response.data;
 app.isDetails = true;
 else 
 console.log("No data were returned");
 
 )
 .catch(function (error) 
 console.log('Error: ',error);
 );
 this.$nextTick(function () 
 document.getElementById("moreinfo").scrollIntoView(
 behavior: 'smooth'
 )
 )
 
 

Thanks, Tom.

vue.js vuetify.js

share|improve this question

asked Mar 22 at 1:47

TomBaineTomBaine

2961514

export default 
 name: "key",
 data() 
 return 
 active: [],
 items: [
 
 id: 1,
 name: 'Roots :',
 children: [
 id: 2,
 name: 'Seedlings',
 children: [
 id: 12,
 name: 'Watery rot in root/stem near the soil line',
 children: [
 id:13,name: 'Damping off',children: []
 ]
 ],
 id: 3,
 name: 'Larger plants',
 children: [
 id:24, name: 'Brown, sunken lesions near soil-line', children: [
 id:36,name: 'Rhizoctonia root rot',children: []
 ],
 id:125, name: 'Soft wet rot at base of stem extending to roots', children: [
 id:45,name: 'Bacterial soft rot',children: []
 ]
 ],
 ]
 ,
 ]
 
 ,
 methods: 
 async loadResources (item) 
 console.log('loadResources triggered');
 var app = this;
 var pestid = item.pest_id;
 await pause(500);
 app.isDetails = false;
 axios.get('/key/plus/' + pestid)
 .then(function (response) 
 if (response.data.length>0)
 app.resources = response.data;
 app.isDetails = true;
 else 
 console.log("No data were returned");
 
 )
 .catch(function (error) 
 console.log('Error: ',error);
 );
 this.$nextTick(function () 
 document.getElementById("moreinfo").scrollIntoView(
 behavior: 'smooth'
 )
 )
 
 

share|improve this question

asked Mar 22 at 1:47

TomBaineTomBaine

2961514

share|improve this question

asked Mar 22 at 1:47

TomBaineTomBaine

2961514

asked Mar 22 at 1:47

TomBaineTomBaine

2961514

asked Mar 22 at 1:47

TomBaineTomBaine

2961514