时间:2021-07-01 10:21:17 帮助过:186人阅读
本文介绍了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网其它相关文章!