V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
vue.js
line
V2EX  ›  Vue.js

Vue 怎么动态改变 image 内容

  •  
  •   line · 7 天前 · 1462 次点击
    <img :src="b64img1"/>
    
    data () {
        return {
         b64img1: '',
         b64img2: ''
        }
     }
    

    这里 b64img1 的值变了, 图不会跟着变。 有什么 办法吗?

    14 条回复    2021-05-04 20:31:49 +08:00
    temporary
        1
    temporary   7 天前 via iPhone
    <img :key="b64img1" :src="b64img1" />
    Kasumi20
        2
    Kasumi20   7 天前
    为什么不会变?不分析以下原因吗?
    wunonglin
        3
    wunonglin   7 天前
    请提供复现示例
    emeab
        4
    emeab   7 天前
    ```
    Vue.set(this, "b64img1", this.b64img2)
    ```
    line
        5
    line   7 天前
    想用 playgroud 复现没有成功, 最后用 canvas 解决了。 😂😂, 多谢各位答疑。
    towry
        6
    towry   7 天前
    神一样的解决办法
    tinyuu
        7
    tinyuu   7 天前 via iPhone
    这么复杂吗? 哈哈哈
    gouflv
        8
    gouflv   7 天前 via iPhone
    vue 是真的不错,总是能开出很多脑洞
    lichdkimba
        9
    lichdkimba   7 天前
    我试了下可以啊

    为啥有两个变量 不是直接 this.b64img1 = 'xxx' 吗
    Rrrrrr
        10
    Rrrrrr   6 天前
    哈哈,笑了
    err1y
        11
    err1y   6 天前 via iPhone
    watch 变量,数据变化后 this.$forceUpdate()试试
    lybcyd
        12
    lybcyd   6 天前
    https://codesandbox.io/s/priceless-heisenberg-mqzrr?file=/index.html
    试了一下是完全正常的,你能贴出完整一点的代码吗?
    fpure
        13
    fpure   6 天前
    你需要给出完整代码
    GzhiYi
        14
    GzhiYi   6 天前
    给 img 加 key 可解。
    关于   ·   帮助文档   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3319 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 16ms · UTC 01:24 · PVG 09:24 · LAX 18:24 · JFK 21:24
    ♥ Do have faith in what you're doing.