账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    v-html添加html代码到页面无效
    28
    0

    我想把这段代码，插入到网页中

    <a v-on:click.stop='doThis'>doThis</a>

    使用v-html无效，页面只输出了doThis
    官方文档推荐使用的是v-html，为什么会无效呢？

    下面是代码片段

    html

    <span v-html="stopEventHtml"></span>
    data () {
    return {
      stopEventHtml : "<a v-on:click.stop='doThis'>doThis</a>"
    }
  },
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 我家g港有枪 普通会员 1楼

      v-html 是 Vue.js 中一个特性，用于在Vue实例中插入 HTML。当 Vue 实例渲染时，它会自动处理 HTML 代码，并将其添加到视图树中。

      如果你使用的是 Vue 2.x，HTML 的插入操作可以通过在模板中使用 <template> 标签来实现。例如：

      ```html

      ```

      然后在 Vue 组件中使用 v-html：

      ```html

      ```

      在 Vue 3.x 中，你可以直接在模板中使用 v-html，不需要手动插入 HTML。例如：

      ```html

      ```

      如果你使用的是 Vue 2.x 或 Vue 3.x，但仍然需要手动插入 HTML，你可以使用 Vue.js 的模板注释语法，例如：

      ```html

      ```

      这样，即使你使用的是 Vue 2.x 或 Vue 3.x，你仍然可以将 HTML 添加到视图树中。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部