Loading... 演示效果 ![vue首字大写.png][1] <!--more--> <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app" class="demo"> <input type="text" v-model="message"> <p>首字母大写: {{ message | capitalize }}</p> </div> <script> new Vue({ el: '#app', data: function () { return { message: 'loen' } }, filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) } } }) </script> </body> </html> [1]: https://www.samool.com/usr/uploads/2020/06/2414524961.png 相关文章 Vue学习笔记（一） Vue组件实例 Vue 2.0 周期函数列表及作用详解 js分析页面停留时间及来源 JS使用setInterval或setTimeout隔几秒后跳转页面 jQuery带提示的ajax删除数据 jQuery解决checkbox未选中不提交值的问题 jQuery switchery 类似IOS的开关按钮使用 DataTables 高级配置参数 JQuery DataTables 基本配置 Last modification：June 17th, 2020 at 10:27 am © 允许规范转载 Support 如果觉得我的文章对你有用，请随意赞赏 ×Close Appreciate the author Sweeping payments Pay by AliPay Pay by WeChat
