Vuejs2 带有HTML句柄的表达式无效

Vuejs2 带有HTML句柄的表达式无效,vuejs2,vue.js,Vuejs2,Vue.js,我正在尝试将一些原始HTML输入到vue模板中 我得到这两个错误 ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-7c43939e!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/views/Find.vue Vue template syntax error: - invalid expression: {{{ githu

我正在尝试将一些原始HTML输入到vue模板中

我得到这两个错误

ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-7c43939e!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/views/Find.vue

Vue template syntax error:

- invalid expression: {{{ github }}}

@ ./src/components/views/Find.vue 9:2-167
@ ./src/router/index.js
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js
ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-7c43939e!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/views/Find.vue

Vue template syntax error:

- invalid expression: {{{ takeAction }}}

@ ./src/components/views/Find.vue 9:2-167
@ ./src/router/index.js
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js
文件的代码可在此处查看:

<template>
  <div id="find-help" class="container">
    <div>
      <p>{{{ github }}}</p>
      <p>{{{ takeAction }}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'find-help',
  data () {
    return {
      github: this.$t('views.find-help.paragraphs')[0],
      takeAction: this.$t('views.find-help.paragraphs')[1]
    }
  }
}
</script>

<style scoped>
.centered {
  text-align: center;
}

button {
  border: 1px solid black;
  padding: 10px;
  background: none;
  text-transform: uppercase;
  min-width: 100px;
  margin: 5px;
}
</style>

{{{github}}}

{{{takeAction}}}

导出默认值{ 名称:“查找帮助”, 数据(){ 返回{ github:this.$t('views.find help.parations')[0], 采取的措施:this.$t('views.find help.parations')[1] } } } .居中{ 文本对齐:居中; } 钮扣{ 边框:1px纯黑; 填充:10px; 背景:无; 文本转换:大写; 最小宽度:100px; 保证金:5px; }
这两种翻译是

"find-help": {
  "paragraphs": [
    "We are trying really hard to develop this page into an interactive map and events list. If you have any web development knowledge, we would love your help. Check our open source repository on <a href='http://www.github.com/openrefuge'>http://www.github.com/openrefuge</a>.",
    "If you cannot help with development, please look at the other areas we need help with on the 'Take Action' page. Thank you!."
  ]
}
“查找帮助”:{
“段落”:[
“我们正在努力将此页面开发为一个交互式地图和事件列表。如果您有任何web开发知识,我们将非常希望您的帮助。请访问我们的开放源代码存储库。”,
“如果您无法帮助开发,请查看“采取行动”页面上我们需要帮助的其他领域。谢谢!”
]
}
我是否做错了不允许这样做的事情

我一直在跟踪vue的文档,发现

遵循三重把手语法,它应该可以工作

谢谢你的帮助


如果您想了解更完整的实现,请查看您正在使用的Vue 1的三重把手。检查


您需要做的不是
{{{github}}

,而是:

我不知道我在1文档上!非常感谢。