4 个回答

渲染数据包含标签 使用用指令v-html

    你这个错的太离谱了,多学学基础吧,最起码要懂得 img 怎么用,不然别人也帮不到你

      • 16k

      v-html 是可以,但是不建议你使用,xss也挺头疼的。

      你不是判断 cname 了吗?渲染的时候判断一下,然后输出直接用 img 不是美滋滋?

        • 196

        直接在td里面写一个img

        
        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
        <script src="https://unpkg.com/vue/dist/vue.js"></script>
        </head>
        <body>
        <div id="app">
          <table border>
            <tr v-for="list in lists">
              <td>{{list}}</td>
              <td v-if="list.img">
                <img :src="src" />
              </td>
            </tr>
          </table>
        </div>
        
        <script>
        new Vue({
          el: '#app',
          data: {
            message: 'Hello Vue.js!',
            src: 'https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg',
            lists: [
              {name: '123',img: true},
              {name: 'abc',img: true},
              {name: '666',img: true}
            ]
        
          }
        })
        </script>
        </body>
        </html>
        
          撰写回答

          登录后参与交流、获取后续更新提醒