Question

我为工作nodejs + vuejs配置了项目。我有一个代码，它在后端使用一些变量呈现页面。

return res.render('registration.html.twig', {token: token});

我如何使用Vuejs组件（方法）中的变量token

export dafault {
  methods: {
    someMethod() {token?}
 }
}

我能够在根模板中使用简单脚本处理此变量，如

let x = {{ token }}

Answer 1

使用标记值渲染隐藏字段。在created挂钩中，找到隐藏字段并获取其值。

＆＃13;

new Vue({
  el: '#app',
  data: {
    token: null
  },
  created() {
    const tokenEl = document.getElementById('token-field');

    this.token = tokenEl.value;
  }
});

＆＃13;

<script src="//unpkg.com/vue@latest/dist/vue.js"></script>
<div id="app">
  <input id="token-field" type="hidden" value="the token">
  The token is {{token}}
</div>

＆＃13;

在vue js方法

1 个答案: