vue
文章平均质量分 57
vue笔记
十三鸽
这个作者很懒,什么都没留下…
展开
-
el-icon使用方法
如果我要使用upload的图标1.导入iconimport { Upload } from "@element-plus/icons-vue";2.声明components: { Upload }3.使用<el-icon class="el-icon--right"> <Upload /></el-icon>原创 2022-04-06 13:31:21 · 1974 阅读 · 0 评论 -
websocket连接服务端一直超时并失败
前言 首先说明我的问题,我使用的前端框架是vue,为了防止出现跨域,且还在开发状态,所以我是用了vue的代理端口,后端使用的springboot来接收websocket请求,然后就出现了一个问题,当我用chrome浏览器向后端发送一个ws请求时,会一直出现连接超时等,但是我换用了firefox浏览器后,竟然莫名其妙地和后端建立了请求,因为这个奇葩问题,我整整在网上各种地方各种方法试了个遍,但哪怕是科学上网也似乎依然没有人遇到和我同样的问题,于是我尝试着各种方法去解决。 功夫不负有心人,我找出来了,是原创 2021-10-09 04:23:28 · 4977 阅读 · 2 评论 -
使用axios时遇到的问题
1.原因观察控制台,发现可能是json数据的格式有问题2.解决方法使用qs对传输的数据进行处理安装qsnpm i qs导入qsimport qs from 'qs'对数据进行处理 booksInit(content) { axios.post("http://localhost:8080/e_novel/getNovelInfo.do", qs.stringify(content.state.queryInfo)).then((res) =>原创 2021-09-26 18:10:48 · 425 阅读 · 0 评论 -
使用vue2、animate实现背景图片的渐入、渐出且轮换的效果
话不多说,代码如下<template> <div> <!-- 使用animate插件实现图片的动态切换 --> <transition appear name="animate__animated animate__bounce animate__slower " enter-active-class="animate__fadeIn" leave-active-class="animate__f原创 2021-09-21 22:57:31 · 2244 阅读 · 1 评论 -
前端常用ui库
移动端常用 UI 组件库VantCube UIMint UIPC 端常用 UI 组件库Element UIIView UI原创 2021-09-17 09:27:13 · 147 阅读 · 0 评论 -
Vue组件化编程
1.Vue中使用组件的三大步骤:定义组件(创建组件)注册组件使用组件(写组件标签)一、如何定义一个组件:使用Vue.extend(options),其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别:el不要写,为什么?——最终所有的组件都要经过一个vm的管理,由vm中的el决定服务哪个容器data必须写成函数,为什么?——避免组件被复用时,数据存在引用关系。备注:使用template可以配置组件结构二、如何注册组件?局部注册:原创 2021-09-13 00:00:37 · 605 阅读 · 0 评论 -
Vue基础
1.数据绑定1.1. 单向数据绑定语法:v-bind:href =“xxx” 或简写为 :href特点:数据只能从 data 流向页面1.2. 双向数据绑定语法:v-mode:value=“xxx” 或简写为 v-model=“xxx”特点:数据不仅能从 data 流向页面,还能从页面流向 data备注:3.1.双向绑定一般都应用在表单类元素上(如:input、select等)3.2.v-model可以简写为v-model,因为v-model默认收集的就是value值2.绑定容器原创 2021-09-11 18:18:34 · 4214 阅读 · 0 评论