2021年01月_明知山_

原创 Vue函数调用自定义组件

无需导入vue文件，一段js调用自定义组件components文件夹新建loading文件夹在里面存放index.js和index.vueindex.vue<template> <transition name="fade"> <div class="load" v-if="isLoad"> <div class="load-pop"> <div class="load-icon"></div.

2021-01-25 16:28:56 951 1

原创 Nuxt使用keep-alive页面缓存

缓存“index”页面<template>  <nuxt keep-alive :keep-alive-props="{ include: ['index']}" /></template>需要在页面进行命名<script> export default { name: "index" }</script>...

2021-01-20 11:27:13 1223 1

nuxt自动生成路由很方便但是项目开发习惯，对每个vue文件新建文件夹，在里面配置我的css等就我需要手动配置路由在nuxt.config.js配置router router: { extendRoutes(routes, resolve) { routes.push(...[{ path: '/', name: 'index', component: resolve(__dirname, 'pages/index/index.vue

2021-01-18 14:30:13 3933

原创 Nuxt使用vant导航栏组件tabbar

按照我之前在vue/cli配置方法发现watch事件刷新页面没有执行，而在vue/cli却执行我也不想nuxt是什么原因、机制导致的组件components/tabbar.vue<template> <van-tabbar v-model="isAct" inactive-color="#666666" active-color="#000000" fixed placeholder> <van-tabbar-item replace v-for="(ite

2021-01-18 13:51:11 578 2

原创 Vue子组件监听父组件传递值的变化

这是要从父组件接收的值 props: { active: { type: [String, Number], default: 0, } },使用watch对active进行监听值变化会触发handler方法 watch: { active: { immediate: true, handler(value) { this.isAct = value

2021-01-18 11:51:06 2150

原创 Nuxt配置错误页面

在layouts文件夹新建error.vue<template> <div> <h2 v-if="error.statusCode == 404">404 - 页面不存在</h2> <h2 v-else>服务器错误</h2> <button> <nuxt-link to="/">HOME</nuxt-link> </button> &l

2021-01-18 10:19:08 462

原创 Nuxt引用vant+px2rem适配移动端开发

npm i vant -S //安装vantnpm i babel-plugin-import -D //按需引入在plugins文件夹新增vant.js文件引入Button组件为例import Vue from "vue";import 'vant/lib/index.css';import { Button} from "vant";Vue.use(Button);在nuxt.config.js文件进行配置 plugins: [ '@/plugins/vant'

2021-01-16 17:34:11 1112 5

原创 Vant使用IndexBar索引栏

数据类型是二维数组<template> <div> <van-index-bar :index-list="indexList"> <div v-for="(item,index) in peopleList" :key="index"> <van-index-anchor :index="item.index" /> <div class="cell" v-for="(row,in.

2021-01-15 14:30:17 3462

原创 Electron+vue3搭建桌面应用

先搭建vue/cli脚手架应用推荐4.x版本vue create project-name在cli目录下执行下面代码vue-cli-plugin-electron-builder文档链接vue add electron-builder项目运行npm run electron:serve

2021-01-14 16:21:52 258

明知山