
vue
Duccky
生命之光 照亮前路.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
v-for 遍历避免同时使用 v-if
v-for 比 v-if 优先级高,如果每一次都需要遍历整个数组,将会影响速度,尤其是当之需要渲染很小一部分的时候,必要情况下应该替换成 computed 属性。推荐写法:<ul> <li v-for="(item,index) in userList" :key="item.id"> {{ item.name }} </li></ul>computed: { userList: function () {原创 2020-09-21 15:26:46 · 685 阅读 · 0 评论 -
Vue在所有的文件引用路径中,添加前缀域名/项目不在服务器根目录,router配置
Vue在所有的文件引用路径中,添加前缀域名在build文件夹打开webpack.base.conf.js文件module.exports = { output: { filename: "[name].js", // 出口文件的文件名 path: path.resolve(__dirname, "build"), //出口文件的路径 publicPath: 'http://www.xxxx.com/h5/' // 给所有的文件引用路径中,添加前缀域名原创 2020-05-27 15:32:59 · 2927 阅读 · 0 评论 -
vue router路由跳转带参数方法以及带参数后无法跳转的问题
在开发项目的过程中,经常会遇到某一个场景. eg:点击某个东西,会进入当前那个东西的详情页. 此时一般的处理方式就是需要获取到当前点击对象的id.跳转到新页面,根据这个id通过网络请求获取到详细的参数.在vue中.假如我们创建了两个vue文件. 一个Aaa.vue,一个叫Bbb.vue文件.在index.js文件中. import Videolist from '../pages/a...原创 2018-09-04 14:31:29 · 11672 阅读 · 1 评论 -
vue自定义底部导航栏Tabbar
如图所示,要完成类似的一个底部导航切换。首先。我们需要分为5个大的VUE文件。可以根据自己的习惯来放在不同的位置。我将5个主要的VUE文件放在了5个不同的文件夹然后,在组件文件夹里新建Tabbar.vue /以及Item.vue文件Item.vue文件如下<template> <div class="itemWarp flex_mid" @clic...原创 2018-09-03 11:52:32 · 39993 阅读 · 26 评论 -
vue项目执行npm run build 打包出现某些图片,字体,资源文件路径404,无法加载的问题
如图所示:如果出现如图的错误。首先我们第一步是考虑进入dist文件夹里面的static文件夹正常情况下static文件夹是非常干净的如果你发现你的static文件夹出现了多余的img、fonts文件夹等。则可以考虑如下的解决方式。一般出现这种情况是因为图片过大或者资源文件过大、超过了打包规定的限制此时,我们按照下图找到对应的文件默认限制是10kb。我们可以修改为...原创 2018-09-20 17:13:22 · 5146 阅读 · 2 评论