我有这个代码:
data: {
cols: ['nome', 'data', 'size', 'ext'],
items: []
},
我需要将文本转为大写。 我按照官方网站的示例尝试了这种方式:
<th v-for="col in cols">
{{col | uppercase}}
</th>
但是,文本仍然是小写的。 你知道为什么吗??
最佳答案
有一种更简单的替代方法可以做到这一点。您可以直接在双括号表示法中使用 Javascript,而不是使用 @wostex 的过滤器方法。
new Vue({
el: '#app',
data: {
cols: ['nome', 'data', 'size', 'ext']
}
});
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
<table>
<thead>
<th v-for="col in cols">
{{ col.toUpperCase() }}
</th>
</thead>
</table>
</div>
关于javascript - Vue.js:大写不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44493564/