vue.js - vue中template的困惑

问题描述

问 题

let liDom = `<span v-on:click=GetProjectProposal(${menu.Id})></span>`;
new Vue({
        el: '#tenant-orgs-container',
        replace: false，
        template: liDom,
        methods: {
          GetProjectProposal(id){
          ...
          };
        }
      })

试了几次：
当GetProjectProposal的参数是变量的时候，template模板就挂载不到元素el上，当参数比如是32-543，可以挂载，但是参数为guid比如35b3809c-4be6-4745-bba0-53d0fa0ec4f9就又挂载不上去了，参数是$event可以。。35b3809c不可以。。

请问：template用法有什么限制或者说是注意点

补充：先动态生成字符串模板，然后传给vue的template选项；liDom整体是在循环中，我只写了部分；${menu.id}字符串模板的es6写法；

解决方案

参数应该解析为字符串，试试

`<span v-on:click="GetProjectProposal('${menu.Id}')"></span>`;

这篇关于vue.js - vue中template的困惑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！