vue中img错误默认图片
发表于|更新于
|浏览量:
如果问我思念多重，不重的，像一座秋山的落叶。——简媜
因为之前写过img图片丢失后默认图
发现在vue中不好使，改了半天发现原来需要将@改为:
也就是需要这么写：
1 | <img |
相关推荐
2024-06-07
vue查看组件
人死像熟透的梨，离树而落，梨者，离也。——《活着》 最近在折腾 Vue.js，发现了一个挺有意思的东西，叫 Vue.options.components。先来个大概的解释，这货就是 Vue.js 用来存储全局组件的一个对象。每次你注册个全局组件，它就会乖乖地跑到 Vue.options.components 里去。 什么是 Vue.options.components？简单说，Vue.options.components 就是 Vue.js 全局组件的家。你每次用 Vue.component 注册个组件，它就会被扔进这个家里，然后你在任何地方都能用到它。感觉像是个全局变量，不过是专门为组件准备的。 全局注册组件先来个全局注册组件的例子吧，感觉这个比较好理解： 123Vue.component('my-component', { template: '<div>这是一个自定义组件！</div>'}); 这个时候，你可以通过 Vue.options.components 看到你刚才注册的组件：...
2021-09-25
vue深度作用选择器
勤劳一日，可得一夜安眠；勤劳一生，可得幸福长眠。——达•芬奇（意大利） 我们首先在HX中创建vue项目 跟着我之前写的博客简单配置一下路由 今天简单聊聊vue中css的作用域 我们知道vue中的style标签带scoped属性时，它的CSS只作用于当前组件中的元素 例如我这里的HelloWorld组件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061<template> <div class="hello"> <div class="hello-ruben"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this proj...
2025-05-31
remix
精诚所加，金石为开。——《后汉书·光武十王列传》 https://remix.run/ https://github.com/remix-run/remix Remix：现代化的全栈 Web 框架随着 Web 开发技术的不断演进，开发者对框架的要求不仅局限于前端性能的优化，还包括后端数据处理、SEO 支持以及高效的开发体验。为了解决这些需求，Remix 应运而生。 Remix 是一个现代化的全栈 Web 框架，专注于提供最佳的开发者体验和用户体验。它以渐进增强的理念为核心，帮助开发者构建快速、可交互性强、并且易于扩展的 Web 应用。 什么是 Remix？Remix 是一个开源的全栈 Web 框架，致力于优化应用的性能和开发体验。它允许开发者同时处理客户端和服务端逻辑，使得应用的交互性和性能达到最佳状态。 Remix 的核心优势包括： 服务端渲染（SSR）：通过服务端渲染提高初次加载速度和 SEO 表现。 渐进增强：支持现代浏览器功能，同时为低性能设备提供良好体验。 路由驱动开发：基于文件系统的路由，让开发者专注于功能实现。 数据加载优化：支持服务端数据加载和缓存机制，减...
2021-04-17
vue-router传参
生命是一张弓，那弓弦是梦想。——罗曼·罗兰 官网 之前我们配置过路由，这里就不多赘述如何配置了 我们聊聊如何传参 我们之前使用方式如下 1this.$router.push(page); 这里page为path，值为我们在router的index.js中配的/message/message 我们如果需要传参 则可以使用下面这种方式 123456789this.$router.push({ name: pageName, params: { userId: '123' }, query: { plan: 'private' }}); 注意这里pageName是我们在路由中配置的name而不再是path了，因为path和params一起用会导致params为空对象 按照我们上面写的，我们跳转到message页面去了 1234567891011121314151617<template> <div> {{$route.para...
2021-12-19
flex布局
他想给M打一个电话，告诉她，他要回家了。不再回来了。最后他只是发了短信道：“M，我不爱你，从来没有爱过，因为我心里装着别人。”窗外掠过的景，就好像他的泪一样，总是一闪而过。——灵遁者 flex布局是开发中最常用的布局之一 阮一峰的flex布局教程 下方摘自uniapp官方文档flex布局一栏 FlexboxFlex 容器Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 nvue布局模型基于 CSS Flexbox，以便所有页面元素的排版能够一致可预测，同时页面布局能适应各种设备或者屏幕尺寸。Flexbox 包含 flex 容器和 flex 成员项。如果一个nvue元素可以容纳其他元素，那么它就成为 flex 容器。 文档中未说明的 flexbox 属性均不支持：如 order、flex-grow 、flex-shrink 、 flex-basis、align-content、align-self 等。 在 nvue中，Flexbox 是默认且唯一的布局模型，所以你不需要手动为元素添加 display: flex; 属性。...
2024-10-28
typescript-exercises（二）
亲善产生幸福，文明带来和谐。——雨果 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566/*Intro: All 2 users liked the idea of the community. We should go forward and introduce some order. We are in Germany after all. Let's add a couple of admins. Initially, we only had users in the in-memory database. After introducing Admins, we need to fix the types so that everything works well together.Exercise: Type &q...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog