![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue + ts
Vue + Typescript
qq_37099362
这个作者很懒,什么都没留下…
展开
-
list获取选中的item并返回
<v-list-item-group mandatory> <v-list-item :link="true" :ripple="false" v-for="user in users" :key="user.user_id" @click="choose(user)" >...原创 2020-04-22 20:09:41 · 493 阅读 · 0 评论 -
实现下载Excel文件
安装: npm i vue-xlsximport XLSX from 'xlsx'private column: string[] = [ 'User ID', 'Name']private download() { const data = [ {'User ID':1, 'Name': 'Joe'}, {'User ID':12, 'Name': 'Jo...原创 2020-04-09 21:25:32 · 228 阅读 · 0 评论 -
给组件添加rules
rulesprivate rules: any[] = [ (v: any) => !!v || 'Field is required', (v: any) => (v && v.length <= this.maxLength) || 'Exceed maximum length']判断表单是否符合rules(this.$refs.form a...原创 2020-04-08 20:49:26 · 494 阅读 · 0 评论 -
给页面添加infinite scroll
在created函数中添加下面代码window.onscroll = async () => { const scrollTop = document.documentElement.scrollTop || document.body.scrollTop const windowHeight = document.documentElement.clientHeight || d...原创 2020-04-08 20:43:53 · 156 阅读 · 0 评论 -
Axios + Typescript的使用
rest.service.tsimport axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'export class Api { private api: AxiosInstance public constructor (config: AxiosRequestConfig) ...原创 2020-04-08 20:38:06 · 1486 阅读 · 0 评论 -
使用Firebase完成登陆
安装 npm i firebase vue-router vuex在main.ts里添加以下内容,替换成创建Firebase项目之后import Vue from 'vue'import App from './app.vue'import * as firebase from 'firebase'Vue.config.productionTip = falseconst co...原创 2020-04-08 20:22:29 · 864 阅读 · 0 评论 -
Vue项目的文件结构案例
-node_modules-postgresql -schema.sql-public -favicon.icon -index.html-src -assets -components -categories.vue -departments.vue -layout -main-content.vue -main-navigation.vue -models...原创 2020-04-07 22:34:16 · 131 阅读 · 0 评论 -
v-for 的注意点
v-for 的key不要直接使用index,可以用数据库里的id进行标识原创 2020-04-03 00:13:25 · 104 阅读 · 0 评论