在vue中使用xe-utils函数库(详细教程)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了在vue中使用xe-utils函数库(详细教程),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2509字,纯文字阅读大概需要4分钟。
内容图文
![在vue中使用xe-utils函数库(详细教程)](/upload/InfoBanner/zyjiaocheng/289/1d73f8100a0f450590867a47e4f62a4a.jpg)
本文介绍了vue使用xe-utils函数库的具体方法,分享给大家,具体如下:
安装完成后自动挂载在vue实例:this.$utils(函数库)
支持挂载函数列表:this.$browse(浏览器内核判断) this.$locat(用于读写地址栏参数)
在 vue 实例中通过 this.$utils 调用的函数 this 默认指向当前vue实例。
CDN 安装
使用 script 方式安装,VXEUtils 会定义为全局变量
生产环境请使用 vxe-utils.min.js,更小的压缩版本,可以带来更快的速度体验。
cdnjs 获取最新版本
点击浏览已发布的所有 npm 包的源代码。
unpkg 获取最新版本
点击浏览已发布的所有 npm 包的源代码
AMD 安装
require.js 安装示例
ES6 Module 安装方式
npm install xe-utils vxe-utils --save
通过 Vue.use() 来全局安装
vue 实例挂载自定义属性
示例
混合函数
文件 ./customs.js
示例 ./main.js
示例
Home.vue
<template> <p> <ul> <li v-for="item in list" :key="item.id">{{ item.dateStr }}或者{{ $utils.dateToString(item.date) }}</li> </ul> </p> </template> <script> export default { data () { return { list: [] } }, methods: { init () { this.$ajax.getJSON('services/user/list', {id: 123}) .then(data => { this.list = data.map(item => { item.dateStr = this.$utils.dateToString(item.date, 'MM/dd/yyyy') }) }).catch(data => { this.list = [] }) } }, created () { this.init() } } </script>
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
使用JS代码制作二维码并且生成功能(详细教程)
浅谈vue.js导入css库(elementUi)的方法
使用use注册Vue全局组件和全局指令的方法
以上就是在vue中使用xe-utils函数库(详细教程)的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的在vue中使用xe-utils函数库(详细教程)全部内容,希望文章能够帮你解决在vue中使用xe-utils函数库(详细教程)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。