F7+vue smart-select is not updating the value in edit page

Questions
1

Hi, I am using smart-select in a f7+vue project. In my profile edit page, the proper value is checked but name is not updating. The problem is occuring when i am trying to update the value. Value is updating but it is showing predefined name.
Here is the SS of the issuecheck
How can I fix it?
@nolimits4web Can you help me please?

2

try this ?

var smartSelect = app.smartSelect.get(’.smart-select’).setValue(value);

3

It works like this:
this.$refs.city.f7SmartSelect.setValue(2)

the main issue is that you have to set the value after loading all the cities. So I set the value in axios
.finally(()=>{
this.$refs.city.f7SmartSelect.setValue(2);
});