- 博客(12)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue项目导出excel表格
参数格式如下getExcel(header,data,name)需注意header中的prop字段需要和data中的字段名一致。"layer_name": "品尊国际公寓",使用了file-saver和xlsx这两个库。使用直接调用js文件中getExcel方法。创建一个js文件，文件代码直接复制。"address": "开店",'name':'测试餐厅',"name": "序号","name": "名称","name": "店名",name 文件的名称。
2023-07-28 16:23:34
180
1
原创 json-server 入门使用
首先在根目录创建一个data在这个文件夹开启终端运行 npx json-server ./data.json --port 8888 --watch# 使用 npx 命令调用 json-server# 指定用于提供数据的 json 文件# --port 用于修改端口号# --watch 表示监听 json 文件的变化，当变化时，可以不重启终端命令的前提下读取到 json 文件中的最新的内容.json文件...
2022-03-20 17:53:08
716
原创 React 中事件处理函数的this绑定
方法1：箭头函数import React from 'react';class Counter extends React.Component { constructor() { super(); // 为组件提供状态 this.state = { count: 0, }; } handleClick() { // 通过 this.setState 来修改组件的状态 this.setState({ count: this
2022-03-14 17:01:25
764
原创 useIntersectionObserver 实现 图片懒加载效果
// 注册全局指令实现图片懒加载效果import { useIntersectionObserver } from '@vueuse/core'import defaltImg from '@/assets/images/200.png' // 图片未加载完成时展示的默认图片export default { install(app) { app.directive('imgLazy', { mounted(el, binding) {// 设置默认展示的照片 .
2022-03-11 15:51:32
287
原创 vuex 持久化插件
npm i vuex-persistedstate在store/index.js中，使用插件来做持久化。import createPersistedstate from 'vuex-persistedstate'xport default createStore({ modules: { user, cart, category }, plugins: [ createPersistedstate({ key: 'erabbit-clie
2022-03-11 15:20:54
177
原创 vee-validate介绍 vue中表单验证组件
npm i [email protected]//导入组件，注册为局部组件import { Form, Field } from 'vee-validate'components:{Form, Field}<Form ref="target" :validation-schema="schema" v-slot="{errors}">// ref 手动兜底校验时使用// :validation-schema="schema" 兜底校验时对应的校验规则// v-slot 作用域
2022-03-11 15:14:20
1500
原创 createVNode 和 render 组合使用 实现使用函数可以调用组件的逻辑
//创建一个js文件// 实现使用函数调用xtx-message组件的逻辑import { createVNode, render } from 'vue'import XtxMessage from './index.vue' // 自己封装的组件export function Message ({ type, text }) { // 生成vnode const messageVNode = createVNode(XtxMessage, { type, text }) // 将自.
2022-03-11 15:01:35
1197
原创 vueuse中的节流方法 useDebounceFn
Npm i @vueuse/coreimport { useDebounceFn } from '@vueuse/core'const changeCount = useDebounceFn((item, count) => { //需要被i节流的操作 }, 500)useDebounceFn(()=>{可以放被节流的函数},时间)
2022-03-11 14:55:29
5271
原创 vueuse 中 useIntervalFn 的使用
首先下载@vueuse/corenpm i@vueuse/core导入useIntervalFnimport { useIntervalFn } from '@vueuse/core'使用方法const {pause, resume } =useIntervalFn(() => {// 具体要做的事情 }, 间隔时间, { immediate: false|true })pause() // 暂停resume()// 继续immediate 是否立即执行...
2022-03-11 14:51:47
1002
原创 vue允许指定域名的方式来访问本地项目
首先配置自己电脑的host文件C:\Windows\System32\drivers\etc 下的host文件在文件中加入 127.0.0.1 www.corho.comip地址对应的域名保存vue.config.js配置const path = require('path')const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({transp...
2022-03-11 14:48:50
2193
2
空空如也
js 怎么判断电脑屏幕是否是高清屏
2022-08-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人