wx612f45b709d99的博客_vue

单页面应用

传统网站是不断跳转页面，需要用户等待加载。单页面应用是在使用期间不需要加载页面，把多个页面合并成一页面，通过JavaScript的交互事件或者路由来控制显示。

javascript

vue.js

前端

加载

单页面应用

原创 2022-08-07 00:04:54 163 阅读

Vue项目本地运行正常，打包上传到服务器后请求地址404问题

，那么就需要使用Nginx进行反向代理请求了，可是还是出现404错误。在nginx中配置proxy_pass反向代理时，当在后面的url加上了 “/

vue.js

nginx

项目打包

反向代理

转载 2022-04-30 14:08:46 3153 阅读

vue-aMap高德地图的应用(添加覆盖物点坐标、自定义图标、添加信息窗体信息等)

参考文章http://www.4k8k.xyz/article/qq_41497443/109628370自己额外增加的功能：点击窗口信息后，点击地图的其他地方可以让窗口消失。在最外面的地图div里加上@click="closeWindow($event)"theflag: false, closeWindow(e) { //我这里是判断点击的元素是不是地图坐标，如果是，那就取消隐藏窗口，如果不是那就隐藏窗口。 // e.target 是你当前点击的元素 //

vue.js

javascript

前端

ico

数据

原创 2022-04-18 14:46:34 641 阅读

如果新增数据，盒子的内容从上面往下滚动

<div class="scrollList"> <div v-for="(item,index) in chainlist" :key="index" > <div>{{item.name}}</div> <div >{{item.age}}</div> <div >{{item.address}}</div>

css3

javascript

css

数据

样式表

原创 2022-04-18 14:46:34 115 阅读

在微信里打开网页，video视频出现问题，video.js插件解决

在调试的过程中，发现电脑端，手机端在谷歌中打开是没有问题的。但是在里打开页面出现问题。分析：自带的内嵌浏览器

微信

javascript

ide

原创 2022-04-18 14:44:35 2274 阅读

给el-table的某列设置样式

<el-table :data="tableData" > <el-table-column v-for="item in column" :key="item" :pr

微信

javascript

css

修改字段

原创 2022-04-18 14:43:16 2054 阅读

在Vue里引入less

1.添加依赖npm install less less-loader --save-dev2.打开build/webpack.base.conf.js，在 module.exports 的对象的module.rules里添加一个新规则：{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",

javascript

vue.js

前端

css

原创 2021-12-01 11:28:00 800 阅读

Vue3学习笔记

，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%

vue.js

前端

javascript

数据

响应式

原创 2021-11-11 10:51:53 255 阅读

Vue el-upload 上传文件

自己写的一个小demo,拷贝到html直接打开即可测试运行。<html lang="en"><head> <meta

vue.js

javascript

前端

上传

html

原创 2021-11-08 11:44:02 917 阅读

Vue商城项目05（完）

实现购物车效果用vuex并设计购物车数据存储方式运行 cnpm i vuex -Simport Vuex from ‘vuex’Vue.use(Vuex)var store = new Vuex.Store({})在vm实例中挂载 store 状态管理对象 store点击加入购物车功能 addToShopCar() { // 添加到购物车 thi...

vue

数据

apache

json

根目录

原创 2021-09-02 13:41:14 1933 阅读

好用网址

高性能日历组件https://github.com/zwhGithub/vue-calendar VUE周日历的实现https://www.cnblogs.com/OIMM/p/13035873.html

vue.js

html

github

自动换行

技术

原创 2021-09-02 13:40:20 208 阅读

vue cli3创建vue项目的时候npm ERR! Error: EPERM: operation not permitted, mkdir 'C:\Program Files\nodejs

用管理员模式运行命令提示符参考文章

命令提示符

javascript

原创 2021-09-02 11:46:06 1337 阅读

安装vue cli3遇到的问题

在nodejs目录下输入命令npm install -g @vue/cli报错如下:npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! protobufjs@6.8.8 postinstall: `node scripts/postinstall`npm ERR! Exit status 1npm ERR!npm ERR! Faile...

vue

javascript

管理员权限

解决方法

vue.js

原创 2021-09-02 11:27:15 1216 阅读

端口被占用的解决办法

events.js:187 throw er; // Unhandled 'error' event ^Error: listen EADDRINUSE: address already in use 127.0.0.1:3000 at Server.setupListenHandle [as _listen2] (net.js:1298:14) at ...

vue.js

命令行

端口号

原创 2021-09-02 11:23:43 1647 阅读

MintUI 组件和Mui

MintUI 组件Github 仓储地址Mint-UI官方文档安装Mint UInpm install --save mint-ui导入所有MintUI组件：import MintUI from 'mint-ui'导入样式表：这里可以省略 node_modules 这一层目录import 'mint-ui/lib/style.css'在 vue 中使用 MintU...

css

bootstrap

ico

github

样式表

原创 2021-09-02 11:22:43 199 阅读

Promise（ES6）

封装读取文件的方法需求：给一个要读取文件的路径，这个方法能读取文件，并把内容返回const fs = require('fs')const path = require('path')//第一个参数是读取的地址，第二个参数是个读取成功的回调函数，第三个参数是读取失败的回调参数function getFileByPath(fpath, succCb, errCb) { fs.read...

读取文件

回调函数

jquery

ajax

嵌套

原创 2021-09-02 09:59:47 180 阅读

Vue基础知识点

寒假里本来打算好好学前端技术，却又被各种事情占用了大概一半时间，再加上有时自己消极的思想与薄弱的自制力，导致一个寒假碌碌无为，内心很是惭愧。现在已经开学，新的学期必须要努力了，时间不等人，只争朝夕，进一寸有一寸的欢喜，加油！vue基础知识点如下：1.绑定属性 v-bind:xx=”属性名” 2.绑定事件 v-on:事件名=”方法名” 或者@事件名=”方法名” {{ 属...

vue

html

数组

字符串

方法名

原创 2021-09-02 09:59:30 297 阅读

Vue动画

Vue中的动画CSS 过渡1.opacity属性指定了一个元素的透明度。0 元素完全透明 (即元素不可见)1 元素完全不透明(即元素后面的背景不可见)2.transition CSS 属性是 transition-property，transition-duration，transition-timing-function 和 transition-delay 的一个简写属性。tran...

vue

css

类名

缓动

事件触发

原创 2021-09-02 09:59:29 205 阅读

Vue组件

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；如果要使用组件，直接，把组件的...

vue

数据

方法名

组件化

数据传递

原创 2021-09-02 09:59:28 294 阅读

Vue动画-使用第三方类实现动画

引入的时候：　　1、从官网下载https://raw.githubusercontent.com/daneden/animate.css/master/animate.css2、通过npm安装$ npm install animate.css3、使用在线cdnhttps://unpkg.com/animate.css@3.5.2/animate.min.css一个例子<!DOC...

vue

css

html

github

官网

原创 2021-09-02 09:59:28 247 阅读

Vue商城项目01

将项目源码托管到oschina 码云中点击头像 -> 修改资料 -> SSH公钥如何生成SSH公钥如果已经创建过，则公匙位置C:\Users\ASUS.ssh，id_rsa.pub文件夹打开复制即可创建自己的空仓储，Git 全局设置。使用 git config --global user.name "用户名" 和 git config --global user.em...

vue

git

css

ico

轮播图

原创 2021-09-02 09:59:27 451 阅读

Vue商城项目02

改造新闻的路由链接把a链接改成router-link<router-link to="/home/newslist"><div class="mui-media-body">新闻资讯</div></router-link>匹配路由import NewsList from './components/news/NewsList.v...

vue

数据

加载更多

数组

新闻资讯

原创 2021-09-02 09:59:26 332 阅读

Vue商城项目03

发表评论把文本框做双向数据绑定<textarea placeholder="请输入内容" maxlength="120" v-model="msg"></textarea>data中 msg: “” // 评论输入的内容为发表按钮绑定一个事件<mt-button type="primary" size="large" @click="postCom...

vue

滑动条

数据

初始化

服务器

原创 2021-09-02 09:59:25 705 阅读

Vue商城项目04

绘制商品列表页面基本结构并美化<template> <div class="goods-list"> <div class="goods-item"> <img src="https://img14.360buyimg.com/n0/jfs/t1/68656/34/7819/87669/5d5e0becE1808db...

vue

轮播图

数据

5e

ico

原创 2021-09-02 09:59:24 585 阅读

Vuex

main.js中// 入口文件import Vue from 'vue'//概念：Vuex 是 Vue 配套的公共数据管理工具，它可以把一些共享的数据，保存到 vuex 中，方便整个程序中的任何组件直接获取或修改我们的公共数据；// 配置vuex的步骤// 1. 运行 cnpm i vuex -S // 2. 导入包import Vuex from 'vuex'// 3. ...

vue

数据

方法名

公共数据

管理工具

原创 2021-09-02 09:59:23 130 阅读

Vue 监听路由的变化

当路由发生变化的时候，就会执行里面的语句，to.path和this.$route.path都可以获取到当前的路由watch:{$route(to,from){console.log(to.path)console.log(this.$route.path)},},...

Vue 数据

原创 2021-09-02 09:59:22 313 阅读

Vue 一个元素控制另外一个元素的显示和隐藏，同时点击一个元素以外的地方，隐藏另外一个元素

<div @click.stop="basic()" style="width: 100px;height: 100px;background-color: black;">控制元素</div><div class="person" v-if="sign" style="width: 100px;height: 100px;background-color: red;"&.

点击事件

Vue 数据

原创 2021-09-02 09:59:22 772 阅读

Vue路由

什么是路由后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；不请求服务器。在单页面应用程序中，这种通过hash改变来切换页...

ide

重定向

嵌套

服务器

占位符

原创 2021-09-02 09:57:43 125 阅读

vue之watch，computed

watch属性的使用监听data中属性的改变：<div id="app"> <input type="text" v-model="firstName"> + <input type="text" v-model="lastName"> = <span>{{fullName}}</span> </...

vue

数据

缓存

业务逻辑

回调函数

原创 2021-09-02 09:56:41 246 阅读

vue http传值Bug： Post 415

解决办法：加上{"Content-Type":"application/json"}login() { this.$http .post("URL",{ "username":this.username,"password":this.password ...

json

用户名

html

Vue 数据

原创 2021-09-02 09:56:40 289 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx612f45b709d99的博客