Question

如何在vue js中连接html退格键，但尝试以下代码但不起作用，请尝试使用模板，但不起作用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <p><span v-html="backspace"></span></p>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        new Vue({
            el:'#app',
            data:{
                backspace:"&larr"
            }
        })
    </script>
</body>
</html>

Answer 1

您缺少分号：

&larr // missing semi-colon ;

您还可以使用：

&#8592;

Answer 2

据我了解，您想显示左箭头HTML字符“＆laar;”，它看起来像是向后指向的箭头。您简单地在数据数组中的HTML末尾错过了分号（;）。

这是更新的片段：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <p><span v-html="backspace"></span></p>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        new Vue({
            el:'#app',
            data:{
                backspace:"&larr;"
            }
        })
    </script>
</body>
</html>

如何在Vue JS中写退格html

2 个答案: