Vue.js &引用;未能生成渲染函数";当我使用ElementUI的树组件时
我想在IE11中使用元素UI,当我使用树组件时,它会产生错误。 它将创建错误Vue.js &引用;未能生成渲染函数";当我使用ElementUI的树组件时,vue.js,render,element-ui,Vue.js,Render,Element Ui,我想在IE11中使用元素UI,当我使用树组件时,它会产生错误。 它将创建错误 Failed to generate render function: SyntaxError 'missing in' 我想在文本前显示一个图标。但在IE 11中,它在Chrome ok时出错 任何人都可以告诉我这个问题 整个演示是 <html> <head> <meta name="viewport" content="width=device-width" /> <t
Failed to generate render function:
SyntaxError 'missing in'
我想在文本前显示一个图标。但在IE 11中,它在Chrome ok时出错
任何人都可以告诉我这个问题
整个演示是
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>MLLRSJ</title>
<link rel="stylesheet" href="./Scripts/assets/Element/index.css">
<script src="./Scripts/assets/vue/vue.js"></script>
<script src="./Scripts/assets/Element/index.js"></script>
</head>
<body>
<div id='Element'>
<el-tree :data="tree" :props="treeProps">
<span slot-scope='{node,data}'>
<i class='el-icon-check'></i>
<span style="display:inline" v-html='node.label'></span>
</span>
</el-tree>
</div>
</body>
<script>
var vm = new Vue({
el:'#Element',
data:{
tree:[{
label:'1',
children:[{
label:'1-1'
}],
},
{
label:'2',
children:[
{
label:'2-1'
}
]
}
],
treeProps:{
label:'label',
children:'children'
}
}
})
</script>
</html>
MLLRSJ
var vm=新的Vue({
el:'元素',
数据:{
树:[{
标签:'1',
儿童:[{
标签:'1-1'
}],
},
{
标签:'2',
儿童:[
{
标签:'2-1'
}
]
}
],
树顶:{
标签:'label',
儿童:“儿童”
}
}
})
如果您使用IE11(我在我的一个项目中遇到过同样的问题),请尽量避免使用大括号(在示例中的插槽范围中)和内联模板中的箭头函数:
也许您可以创建一个有问题的演示?如何为组件声明模板?是否用script
tag将其放置在主页面上?@SolBadguy如果它解决了您的问题,请将其标记为正确答案:)
<el-tree :data="tree" :props="treeProps">
<span slot-scope='someObject'>
<i class='el-icon-check'></i>
<span style="display:inline" v-html='someObject.node.label'></span>
</span>
</el-tree>