vue3 html模版判断与赋值同时进行？

作者站长头像
站长
· 阅读数 4
<img v-if="isXxx" :src="getSrc"/>
<xx v-else/>

如上结构，isXxx与getSrc的内容基本相同，而且是个耗时查询，实在没必要执行两遍，src能使用v-if的结果吗？或者有别的写法？谢谢

回复
1个回答
avatar
test
2024-07-08

这样写怎么会执行两次呢

const isXxx= ref(false)
const getSrc = ref('')

const loadSrc=async ()=>{
   const result =await 耗时的查询()
   if(reslut){ //假设这里满足你要的条件了
   isXxx.value=true
   getSrc='xxxxx'
  }

}

//在需要的地方调用loadSrc比如在mounted的时候
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容