qq_46199553的博客

computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，进行处理后返回一个结果值。

【代码】indexof实现多选。

npm install vue-i18n默认是最新的包，是vue3的，所以报上面的错，所以要指定版本号。配置国际化在vue2的时候存在以上这个错误。然后就成功解决这个问题了。

column="4"修改这个数量要比:span大才不会报这个错。

使用时, 将要转PDF的内容包裹在一个div里面, 给这个div加一个ref属性,绑定一个方法通过原型调用。所以: 转换后的PDF是图片PDF, 是不能编辑的,而且: 清晰度很一般。其原理是把HTML转化为base64图片, 然后将其转为PDF。refs[‘content’], ‘我的文件’)

首先是springboot对数据的处理依赖的导入service层dao层xml文件前端excel对文件流进行对应的处理。

方式一、通过 getCurrentInstance 方法获取当前组件实例，从而获取 route 和 router。方式二：通过从路由中导入 useRoute useRouter 使用 route 和 router。3.setup内部从vue中按需导出 getCurrentInstance 方法。5.通过proxy.$refs.子组件ref名.子组件内属性/方法 实现调用。4.调用getCurrentInstance方法导出proxy。1.setup语法糖中导入子组件。2.在子组件标签上绑定ref值。

require.context()

.env文件

Vue3 useRoute 和 useRouter 返回 undefined

vite

参考大神的点击跳转我自己也对邮件的功能进行了实践效果图

Vuex1.概念​ 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2.何时使用？​ 多个组件需要共享数据时3.搭建vuex环境创建文件：src/store/index.js//引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue.use(Vuex)//准备acti

后端检查了端口，我认为后端错误，结果是@click没有添加.native，真是无语，下面是修改方法 <el-form-item label="药品名称" :label-width="formLabelWidth"> <el-select v-model="form.dname" placeholder="请选择药品名称" @click.native="choicedrug"> <el-option .

vue动画transition实现Vue封装的过度与动画作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。图示：写法：准备好样式：元素进入的样式：v-enter：进入的起点v-enter-active：进入过程中v-enter-to：进入的终点元素离开的样式：v-leave：离开的起点v-leave-active：离开过程中v-leave-to：离开的终点使用<transition>包裹要过度的元素，并配置na

由于自己的项目需要大数据可视化，所以就得学习，对于数据的处理就是一个难事，我在想如何对男女这个数据进行处理，因为两个数据不可能存储在数据库中，所以就需要hashmap这种形式去存储，而且男女人数是存储在另外一张表的，需要使用sql去统计出来。所以我不是从数据库中直接读取的男女总数，代码如下：后端代码：controller：package com.controller;import com.alibaba.fastjson.JSON;import com.entity.Problem;imp.

6.setup的两个注意点setup执行的时机在beforeCreate之前执行一次，this是undefined。setup的参数props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。context：上下文对象attrs: 值为对象，包含：组件外部传递过来，但没有在props配置中声明的属性, 相当于 this.$attrs。slots: 收到的插槽内容, 相当于 this.$slots。emit: 分发自定义事件的函数, 相当于 this.$emit。

前端后端对传参进行密码加密

三、其它 Composition API1.shallowReactive 与 shallowRefshallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。什么时候使用?如果有一个对象数据，结构比较深, 但变化时只是外层属性变化 ===> shallowReactive。如果有一个对象数据，后续功能不会修改该对象中的属性，而是生新的对象来替换 ===> shallowRef。

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy

今天学习了vue3.0的一些知识，下面对vue13.0做一下笔记点击跳转setup函数的使用也是一个特色吧Vue3 的一大特性函数 ---- setup1、setup函数是处于 围绕 beforeCreate 和 created 生命周期钩子运行 也就说在 setup函数中是无法 使用 data 和 methods 中的数据和方法的2、setup函数是 Composition API（组合API）的入口3、在setup函数中定义的变量和方法最后都是需要 return 出去的 不然无法再模板中使

路由理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。1.基本使用安装vue-router，命令：npm i vue-router应用插件：Vue.use(VueRouter)编写router配置项://引入VueRouterimport VueRouter from 'vue-router'//引入Luyou 组件import About from '../co

解决跨域问题方法很多，后端corse方式，前端jsonp和脚手架方法去解决vue脚手架配置代理方法一​ 在vue.config.js中添加如下配置：devServer:{ proxy:"http://localhost:5000"}说明：优点：配置简单，请求资源时直接发给前端（8080）即可。缺点：不能配置多个代理，不能灵活的控制请求是否走代理。工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器 （优先匹配前端资源）方法二​ 编写vue.con

vue3+typescript的新特性

vuex的用法

v-bind="$attrs"点击添加

vuexvuex namespaced的作用vuex中的store分模块管理，需要在store的index.js中引入各个模块，为了解决不同模块命名冲突的问题，将不同模块的namespaced:true，之后在不同页面中引入getter、actions、mutations时，需要加上所属的模块名...

VUE3和typescript的用法

vant遇到的前端问题

v-model和:mode的区别:model是v-bind:model的缩写,<child :model="msg"></child>这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。v-model是vue.js中内置的双向数据绑定指令，用于表单控件以外的标签是不起作用的(即只对表单控件标签的数据双向绑定有效)。:model相当于v-bind:model的缩写，v-bind动态绑定指令.JavaScript中的map()函数map()

在使用echart的时候出现了这个错误 let myChart = this.$echarts.init(document.getElementById('myChart'))只需要将main.js文件里面导入echart库进行修改自己的版本import echarts from 'echarts'修改成import * as echarts from 'echarts'就可以解决这个问题了...

gyp ERR! configure errorgyp ERR! stack Error: Command failed: E:\wangfeng\desktop\python\python\python.EXE -c import sys; print “%s.%s.%s” % sys.version_info[:3];gyp ERR! stack File “”, line 1gyp ERR! stack import sys; print “%s.%s.%s” % sys.versi

{{ scope.row.groupName }}

废话不多说，直接代码：App.vue<template> <div class="app-container"> <h1>App 根组件</h1> <hr /> <div class="box"> <!-- 渲染 Left 组件和 Right 组件 --> <Left></Left> <Right></Right> </div&

Vue 路由按需加载(路由懒加载) component: resolve => require([’…/pages/home.vue’], resolve)vue异步组件技术 ==== 异步加载vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载但是,这种情况下一个组件生成一个js文件import Vue from 'vue'import VueRouter from 'vue-router'// "@"相当于".."import Detail from '.

1. 什么是单页面应用程序单页面应用程序（英文名：Single Page Application）简称 SPA，顾名思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面，所有的功能与交互都在这唯一的一个页面内完成。2. 什么是 vue-clivue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。引用自 vue-cli 官网上的一句话：程序员可以专注在撰写应用上，而不必花好几天去纠结 webpack 配置的问题。中文官网：

slot-scope在组件内 通过 slot-scope 取到 子组件 data绑定的值代码 示例 如下<template> <div class="father"> <h3>这里是父组件</h3> <!--第一次使用：用flex展示数据--> <child> <template slot-scope="childEmit"> <div class="tm

vue下拉触底发送请求

1. 什么是 watch 侦听器watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。语法格式如下：2. 使用 watch 检测用户名是否可用监听 username 值的变化，并使用 axios 发起 Ajax 请求，检测当前输入的用户名是否可用：watch: {// 监听 username 值的变化async username(newVal) {if (newVal === ‘’) return// 使用 axios 发起请求，判断用户名是否可用const {

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script src="https://unpkg.com/vue@2.5.9/dist/vue.j