ant design vue 三级目录配置
摘要：需要有三级目录，其实这个框架有一个配置文件直接可以配置路由，就在以下文件 通过这个配置就可以，下面就给一个例子说明怎么配置 怕有人不知道RouteView是什么，下面写出来 const RouteView = { name: 'RouteView', render: h => h('router-v
阅读全文
posted @ 2022-02-07 16:03
随笔分类 - vue.js
vue router-view 添加选中样式
摘要：通过router的linkExactActiveClass 属性进行css样式绑定。 const router = createRouter({ history: createWebHashHistory(), routes, linkExactActiveClass:'active' });
阅读全文
posted @ 2021-12-11 18:18
vue input中on-blur赋值没有反应
摘要：vue input中on-blur赋值没有反应，并且再次输入时，显示上次输入的值，打印了一下数据显示已经赋值成功，但是没有显示，考虑应该是赋值没有刷新的问题，直接强制刷新：this.$forceUpdate() 一下就好了
阅读全文
posted @ 2021-10-12 11:34
vue-cli 常用命令
摘要：npm install -g vue-cli 安装 vue-cli vue init webpack 项目名 创建项目 npm run build 打包生产 npm install -g serve 安装serve npm run dev / npm start 项目启动 npm install s
阅读全文
posted @ 2021-09-07 15:40
如何在html.js文件中使用vue组件
摘要：1. html中引入 http-vue-loader.js 下载地址等详情访问： https://www.npmjs.com/package/http-vue-loader html中写法和vue中一样 <multisearch ref="multiSearchRef" ></multisearch
阅读全文
posted @ 2021-06-27 21:21
vue 解决跨域问题
摘要：//解决跨域 proxy: { [process.env.VUE_APP_BASE_API]: { target: 'https://mock.mengxuegu.com/mock/60b891ec1d22662b1b575432/blog-admin', changeOrigin: true,//
阅读全文
posted @ 2021-06-11 11:50
vue Router路由配置步骤
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-06 08:50
在VSCode编辑器使用LiveServer插件的时候，所有的页面无法访问，报错Cannot GET /test.html
摘要：在VSCode编辑器使用LiveServer插件的时候，所有的页面无法访问，报错Cannot GET /test.html 解决方案 经过排查后把VSCode工作区的其他工程文件移除后 再次运行就可以访问了
阅读全文
posted @ 2021-06-06 08:08
对Vue组件化应用的理解
摘要：组件系统是Vue的另一个重要概念，因为它是一个抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。几乎任何类型的应用界面都可以抽象为一个组件树： 例如，项目可能会有头部、底部、页侧边栏、内容区等组件，每一个组件又包含了其他的项导航链接、博文之类的组件。 1、组件就是对局部视图的封装，每个组件
阅读全文
posted @ 2021-06-05 15:28
Vue 自定义插件demo
摘要：1.新建plugins.js文件 (function () { const MyPlugin = {} MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function
阅读全文
posted @ 2021-06-05 15:15
Vue 全局过滤器和局部过滤器使用方式
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-05 14:57
Vue 标签显示/隐藏的方式对比demo
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-05 09:09
Vue 自定义全局指令和局部指令demo
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-04 20:09
Vue 列表渲染demo
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-04 13:52
Vue Class样式和style样式编写
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-04 13:10
vue中的函数(methods)，计算属性(computed)，监听器(watch)的区别demo
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-04 12:37
Vue 常用指令
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-04 11:29
Vue 的理解及介绍
摘要：1. Vue是什么 主流的渐进式JavaScript框架， 2.什么是渐进式 1.可以和传统的网站开发架构融合在一起，例如可以简单的把它当作一个类似JQuery库来使用。 2.也可以使用Vue全家桶框架来开发大型的单页面应用程序。 3.使用它的原因 1.Vue体积小，编码简洁优雅，运行效率高，用户体
阅读全文
posted @ 2021-06-04 10:41
