vue codegen node is missing for element/if/for node. apply appropriate transforms first报错记录

最新推荐文章于 2026-01-01 05:14:54 发布

原创最新推荐文章于 2026-01-01 05:14:54 发布 · 2.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #前端 #javascript

收录于

文章讲述了作者在使用Vue.js时，将template放置在div内导致CSS样式问题（el-progress宽度设置无效），通过调整template和div的嵌套顺序解决了这个问题。

我的带有css的div只包含了一个template的时候也出现了这个情况。template应该放在div外面而我看错了顺序。template和div调换过来就好了

报错时：

<div id="adminSize">
	<template v-slot="scope">
	   <!--el-progress直接添加width无效，而style="width: 200px"则成功生效width，我z啊-->
	   <el-progress :percentage="scope.row.percent" :show-text="false" style="width: 180px;margin-right: 10px"></el-progress>
	   <el-text v-text="userSpace"></el-text>
	 </template>
 </div>

修复后：

<template v-slot="scope">
   <div id="adminSize">
     <!--el-progress直接添加width无效，而style="width: 200px"则成功生效width，我z啊-->
     <el-progress :percentage="scope.row.percent" :show-text="false" style="width: 180px;margin-right: 10px"></el-progress>
     <el-text v-text="userSpace"></el-text>
   </div>
 </template>