当我在 Firefox 或 Chrome 中运行以下代码时,它给了我以下结果:

{‌{ value }}
{‌{ value }}
{‌{ element }}
{‌{ element }}
{‌{ element }}
{‌{ element }}

这是实际代码,当我在 jsfiddle 或堆栈溢出中运行它时,它工作得很好:

 new Vue({ el: '#app', data: { testData: { name: 'TESTOBJECT', id: 10, data: [1.67, 1.33, 0.98, 2.21] } } });
 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> <div id="app"> <ul> <li v-for="value in testData"> <template v-if="Array.isArray(value)"> <div v-for="element in value">{{ element }}</div> </template> <template v-else> {{ value }} </template> </li> </ul> </div>

可能是什么问题?

#1楼 票数:1 已采纳

这是一个VSCode问题。 它不会显示所有字符,但无论如何都会存储它们。 所以它向我展示了以下内容:

{{ value }}

但实际上保存在文件中并由浏览器处理的内容是这样的:

在此处输入图片说明

为防止出现此错误,您可以安装以下 VSCode 扩展: Highlight Bad Chars

#2楼 票数:0

通常这样做是简单的导入 vuejs,拿你的代码,它的工作原理:

HTML

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="value in testData">
                <template v-if="Array.isArray(value)">
                    <div v-for="element in value">{{ element }}</div>
                </template>
                <template v-else>
                    {{ value }}
                </template>
            </li>
        </ul>
    </div>
    <script src="app.js"></script>
</body>
</html>

应用程序.js

new Vue({
  el: "#app",
  data: {
    testData: {
      name: "TESTOBJECT",
      id: 10,
      data: [1.67, 1.33, 0.98, 2.21]
    }
  }
});

  ask by sunwarri0r translate from so

未解决问题?本站智能推荐:

1回复

Firefox 无法识别旧版 Firefox 中 vue 事件处理程序注册的链接

我确实有以下 HTML 代码: oncontinueclick 触发 vue 应用程序中的注册方法。 它在最后一个浏览器中运行良好。 但是,旧浏览器存在一个奇怪的问题。 我必须让它适用于 FF 45.9 及更新版本。 在 FF 52 上,我遇到了以下问题 - 没有脚本错误,但按钮本身不可点击(
1回复

vscode在firefox中调试vuejs

我一直在尝试在 Firefox 中调试我的 vuejs 应用程序,但到目前为止我无法做到。 Chrome 似乎工作正常,但在 Firefox 中断点不起作用。 没有错误,应用程序只是运行而不会在断点处停止。 我正在使用官方 vuejs食谱中的配置 vue.config.js 与 Fi
2回复

如何注释掉 .Vue 模板中的 HTML 标签

最近,我开始学习 Vue 并使用 Vue-Cli。 有一个问题,我无法使用热键(VSCode)注释掉 .html 文件中的 HTML 标记。 当我使用“Ctrl+/”时,我想注释掉这样的行。 不是这样的。 是否有可能我更改了 VSCode 中的某些设置导致这种情况? 有谁知道如何解决这个问题
1回复

页面在 Firefox 中无法正常工作,但在 chrome 中工作正常

所以我有一个带有电子邮件和密码输入的登录框。 我有一些 javascript 可以让它在不为空时改变样式。 每当输入聚焦时,我的 CSS 就会移动占位符。 这一切都很好,直到我在 Firefox 中尝试过。 首先,当占位符向上移动时,即使它具有display: block样式,它也会消失。 其次,在
1回复

JS正则表达式代码不适用于Firefox,但适用于Chrome和IE

我在这里遇到问题...(也不是一个真正的js程序员,更不是一个html / css人)。 这段代码以前运行得很完美,但是现在在Firefox下停止了工作。 我不知道为什么... 其这一行: 当我删除{28}时,它再次开始工作,但是脚本当然停止将li的分组包装。 Firef
1回复

网页无法在Firefox中使用,但可以在Chrome和Torch中使用

我已经使用HTML,CSS,JS(和jQuery)和PHP来制作此网站。 它在Chrome和Torch中可完美运行。 但是在Firefox中不起作用。 div3_iframe1和div4_iframe1中的内容不显示。
1回复

Vue 的 @click 功能在 Firefox 中不起作用,但在 Edge、Chrome 中有效

const main = new Vue({ el: '#main', data: { result: "", responseAvailable: false, currentOpen: null }, methods: { fetchData: function(event) {
1回复

Onclick在Firefox中不起作用,但在Chrome中-是

考虑以下代码... 如果我使用Chrome,但不适用于Firefox,则此方法有效。 有什么办法吗? 谢谢。