随笔分类 - Web前端
摘要：报错情况 当我在试着运行奇文网盘项目的时候，文档中推荐使用node版本为12.13.1，此时我使用的是nvm，所以当即就快速的切换node版本，想要去运行它。 npm i还是一如既往地报错，所以我还是一如既往地采用cnpm i来下载包（经验之谈，由于想去后端发展，所以就没关心过前端的东西）。下载好之
阅读全文
摘要：Controller import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMa
阅读全文
摘要：router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo
阅读全文
摘要：现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件，所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.nextTick(() => { // 获取对应的 dom元素 var otest = docume
阅读全文
摘要：onLoad() { //向上取整数(小数舍去,正数部分+1) cc.log(Math.ceil(1.111));//=2 cc.log(Math.ceil(1.6666));//=2 //向下取整数(小数直接舍去) cc.log(Math.floor(1.111));//=1 cc.log(Mat
阅读全文
摘要：项目需要下载本地的Excel文档，文档是放在本地的没有在服务器，所以需要下载本地静态资源文件，开始把文件放在了这里src目录下的assets资源文件下 下载报错 找不到文件路径 查找原因是因为项目用的是vue-cli3, 在打包的时候并不知道会把assets下的文件打包在哪里，但是在build的时候
阅读全文
摘要：方法一： const downloadRes = async () => { let response = await fetch(url); let blob = await response.blob(); let objectUrl = window.URL.createObjectURL(b
阅读全文
摘要：vue跳转页面有好几种不同方法，下面将通过实例代码给大家介绍，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下。 1、router-link跳转 1.不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/hom
阅读全文
摘要：import { useRouter } from 'vue-router'; export default { setup() { const $router = useRouter(); //点击方法 function go(){ $router.push({ path:'/computed'}
阅读全文
摘要：引言：偶然发现vue中换行符\n、不换行、不生效 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <span>{{msg}}</span> </div
阅读全文
摘要：添加PDF预览插件 npm install vue-pdf-embed npm install vue3-pdfjs 使用插件来展示pdf import { reactive, onMounted, computed } from "vue"; import VuePdfEmbed from "vu
阅读全文
摘要：reactive的用法与的用法相似，也是将数据变成响应式数据，当数据发生变化时也会自动更新。不同的是用于基本数据类型，而是用于复杂数据类型，比如对象和数组 例如：定义一个对象类型的变量refUIrefreactiveuser <template> <div> <p>{{ user }}</p> <b
阅读全文
摘要：看看你调用方法是不是不和这句话在一个函数方法里， 如 A（）{ a(){ this.B } } B(){ } B与A是平级的，不能直接在a中用this，a中的this指向A 所以 A（）{ var that = this a(){ that.B } } B(){ }
阅读全文
摘要：new Date() data(){ return{ ylabel:[], xlabel:[], } }, getdate(){ var n = 7; //获取最近七天的日期 var date = new Date(); console.log(date) for(var i=0;i<n;i++){
阅读全文
摘要：
阅读全文
摘要：ves.js 的官网 https://cn.vuejs.org/v2/guide/installation.html 1、安装Vue 安装node ：从 https://nodejs.org 中下载nodejs并安装 安装npm ：npm install -g npm vue.js 安装：npm i
阅读全文
摘要：数组更新 push() 新增到最后一个 pop() 删除最后一个 shift() 删除前一个 unshift() 新增到第一个 splice()删除所有 sort() reverse()第一个和最后一个交换 nameList: [{name: '张三'},{name: '李四'},{name: '王
阅读全文
摘要：this.refs.ipt 获取的是添加了**ref="ipt"**标签对应的dom元素 ref 写在组件上时：this.$refs['component'] 获取到的是添加了**ref="compon
阅读全文
摘要：最近制作网站时发现给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，原来CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效。 如何设置span宽度
阅读全文
摘要：display: flex; flex-grow: 1;
阅读全文
