antd-vue之table合并单元格
摘要：<template> <a-table :columns="columns" :data-source="data" bordered></a-table> </template> <script> const renderContent = (value) => { const obj = { c
阅读全文
posted @ 2022-03-25 11:29
随笔分类 - vue
vue webpack文件打包后的文件如何本地运行
摘要：1、安装express-generator npm i express-generator -g 2、创建一个express项目 express my-express-project 3、进入项目目录 cd my-express-project 这时候能看到my-express-project文件夹
阅读全文
posted @ 2022-02-24 16:04
ant design vue 三级目录配置
摘要：需要有三级目录，其实这个框架有一个配置文件直接可以配置路由，就在以下文件 通过这个配置就可以，下面就给一个例子说明怎么配置 怕有人不知道RouteView是什么，下面写出来 const RouteView = { name: 'RouteView', render: h => h('router-v
阅读全文
posted @ 2022-02-07 16:03
axios解决跨域问题（vue-cli3.0）
摘要：axios解决跨域问题（vue-cli3.0） 阅读目录 一、什么是跨域 1、跨域 2、同源策略 3、跨域问题怎么出现的 二、使用 axios 演示并解决跨域问题（vue-cli3.0） 1、项目创建、与 axios 的使用 2、跨域问题重现 3、解决跨域问题 回到顶部 一、什么是跨域 1、跨域 指
阅读全文
posted @ 2021-12-12 15:26
[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')"
摘要：异常：[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')" 出现这个bug的原因是没在main.js中引入store.js并挂载在vue实例上 import Vu
阅读全文
posted @ 2021-12-12 10:46
vue input中on-blur赋值没有反应
摘要：vue input中on-blur赋值没有反应，并且再次输入时，显示上次输入的值，打印了一下数据显示已经赋值成功，但是没有显示，考虑应该是赋值没有刷新的问题，直接强制刷新：this.$forceUpdate() 一下就好了
阅读全文
posted @ 2021-10-12 11:34
如何在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
