Vue自学遇到的各种奇葩问题✨

1.div的背景加不上

最终的解决方法：

<div style="background: url('src/assets/login.png'); background-size: cover;background-position:right; ">

2.跨域问题

最终解决用的Vite自带的方法：

   server:{proxy:{'/api': {target: 'http://ceshi13.dishait.cn',changeOrigin: true,rewrite: (path) => path.replace(/^\/api/, '')}}

3.出现使用util的函数不可用问题

这个问题最变态了，因为前面针对setToken函数没有任何问题，到最后对比了两个函数调用唯一的区别，只有取名字了。。。
最终解决方法：

将函数名字从toast改成了toasT,然后调用就正常了，这合理吗。。。

4.巨好看的边框

style=" border:3px solid #fff; box-shadow: 0px 0px 20px skyblue,0px 0px 20px skyblue inset;"

话不多说，直接看效果吧↓

5点击图片或者其他元素跳转的方法

<a class="card" href="#"><div class="card__background"style="background-image: url(https://yu-space.oss-cn-beijing.aliyuncs.com/图片/20221109223228.png)"></div><div class="card__content"><p class="card__heading">Winter</p><h3 class="card__Season">The meaning of the cold, perhaps is to let you find something warmer.</h3></div></a>

6.元素圆角设置

border-radius: 20px;

7.div内子组件居中

父div部分： display:table-cell;text-align:center;vertical-align:middle;
子组件：display:inline-block;text-align: left;

持续学习Vue中，持续更新中……

Vue自学遇到的各种奇葩问题✨相关推荐

VUE自学日志05-计算属性和侦听器
## 计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的.在模板中放入太多的逻辑会让模板过重且难以维护.例如,有一个嵌套数组对象: Vue.createApp({data() {re ...
VUE自学日志04-Data Property 和方法
Data Property 和方法 Data Property 组件的 data 选项是一个函数.Vue 在创建新组件实例的过程中调用此函数.它应该返回一个对象,然后 Vue 会通过响应性系统将其包裹 ...
VUE自学日志03-模板语法
模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层组件实例的数据.所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML ...
VUE自学日志02-应用与组件实例
准备好了吗? 我们刚才简单介绍了 Vue 核心最基本的功能--本教程的其余部分将更加详细地涵盖这些功能以及其它高阶功能,所以请务必读完整个教程! 应用 & 组件实例创建一个应用实例创建一个应 ...
VUE自学日志01-MVC和MVVM
一.需要了解的基础概念 Model(M)是指数据模型,泛指后端进行的各种业务逻辑处理和数据操控,主要围绕数据库系统展开.这里的难点主要在于需要和前端约定统一的接口规则. View(V)是视图层,也就是 ...
vue 自学笔记(七) 组件细节问题
前情提要: 这里盘点一下,组件细节的问题现在我们观察一些用框架开发的网页BiliBili.掘金,会发现很多部分都十分相似或者一模一样,我们甚至可以将其拆分归类.而事实上,页面的确是被一个个组件构成的 ...
vue自学入门-1（Windows下搭建vue环境）
本人是一个喜欢动手的程序员,先跑起来个HelloWorld,增加感性认识,这三篇入门文章,花了不到一个小时,从网上找资料,程序跑通后,整理出来的,有的新人可能去哪找资料,运行代码都不知道,分享出来,大 ...
eclipese web前端开发教学_Web 前端怎样入门？
写在前面的话,不想看的可以直接拉到原答案- 本篇文章持续更新--你们的赞数越多我更新越快最近思考了很久,也看了下前端方面的资料,发现市面上免费的前端教程质量真的很参差不齐,所以准备尽最大的努力的把这 ...
自学Vue开发Dapp去中心化钱包（一）
文章目录目录文章目录前言一.需求背景二.名词学习 1.web3 2.去中心化钱包 3.中心化钱包 4.区块链 5.ethers.js 6.Vue 7.以太坊 8.小狐狸钱包三.技术选型 1 ...

Vue自学遇到的各种奇葩问题✨

1.div的背景加不上

2.跨域问题

3.出现使用util的函数不可用问题

4.巨好看的边框

5点击图片或者其他元素跳转的方法

6.元素圆角设置

7.div内子组件居中

持续学习Vue中，持续更新中……

Vue自学遇到的各种奇葩问题✨相关推荐

最新文章

热门文章