avalonjs - avalon 渲染BUG ?
本文介绍了avalonjs - avalon 渲染BUG ?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
avalon-version:built in 2016-8-9:11 version 2.111 by 司徒正美
chrome: 52.0.2743.116 m
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="avalon.js"></script>
</head>
<body :controller="content">
<table>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
</tr>
</thead>
<tbody>
<tr :for="(i,e) in @data">
<!-- 去掉这个正常 -->
<td :text="i"></td>
<td><input type="text" style="color:red"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
<!-- 或者xy改成字符长度!=2的也正常 -->
<td>
<a href="###">xy</a>
</td>
</tr>
</tbody>
</table>
</body>
<script>
vm = avalon.define({
$id: 'content',
data: [],
search: function() {
for(var i = 0; i < 10; i ++) {
vm.data.push({});
}
}
});
vm.$watch('onReady', function() {
vm.search();
});
</script>
</html>
2,3,4列应该都是input的.
上面代码渲染结果:
解决方案
升级一下就好了!
这篇关于avalonjs - avalon 渲染BUG ?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文