![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
啥也不会的程序辕
这个作者很懒,什么都没留下…
展开
-
Vue自定义指令
VUE自定义1.先在mian.js里面定义一个指令2. 在组件中添加你定义的指令3. 然后在mian.js里面写一个钩子bind 钩子是当绑定元素时,要发生什么事情。(其他钩子,在底部介绍)第一个参数是:当前元素。可直接操作DOM。第二个参数是:一个对象,里面有一些属性,可以接收你传过来的参数。第三个参数是:vue编译的虚拟DOM。第四个参数是:上一个虚拟节点。只有在updata和componentUpdate钩子里面使用4. 在组件里面传入...原创 2021-05-03 16:56:51 · 82 阅读 · 0 评论 -
vue过滤器filter
过滤器 我主要使用的场景是过滤掉金钱乘后的,小数点的位数。1.局部过滤器 在页面写一个双花括号,第一个参数写的是你要传入的值,第二个参数是你在过滤器中定义的方法,你也可以传入两个值进去。中间用管道符分开。 在js里面也一个和生命周期同级的filters。 里面写一个函数,可以接收3个参数。 第一个参数你花括号里面第一个的值。 第二个参数是你花括号里第二个参数,方法里面传入的第一个值。 第三个参数是你花括号里第二个参数,方法里面传入的第二个值。...原创 2021-05-03 16:50:32 · 66 阅读 · 0 评论 -
Vue 移动端适配
1.安装vue插件 lib-flexiblenpm i lib-flexible --save-dev2. 在main.js 引入 lib-flexibleimport 'lib-flexible/flexible'3. 安装vue 插件 px2rem-loadernpm i px2rem-loader --save-dev4. 配置 px2rem-loader 在build文件中找到util.js,将px2rem-loader 添加到cssLoaders 下面,如: cons原创 2021-05-03 15:55:59 · 96 阅读 · 0 评论 -
vue动态设置img的src不生效问题
如果图片不在static文件下,在assets文件下的图片,不使用require是无法获取,被当成静态资源处理了<template> <div class="hello"> <!-- vue加载动态图片需要使用require --> <img :src="url" alt=""> </div></template><script>export default { data () {原创 2021-03-24 13:01:44 · 1355 阅读 · 0 评论 -
vue 打包后页面报错
vue第一次打包后 页面报错解决:找到config/index , 将assetsPublicPath: ‘/’, 改为 assetsPublicPath: ‘./’,删掉原来的打包文件,继续打包后,页面并不显示解决:找到配置的路由文件,把 mode:“history”,改为 mode:“hash”,hash:在地址栏是显示#号 /route-x/dist/index.html#/ahistory:地址不显示#号,但需要后台配合使用 https://editor.csdn.ne原创 2021-03-24 11:32:17 · 364 阅读 · 0 评论 -
vue路由懒加载
vue路由懒加载 一 、为什么要使用懒加载 可以加载页面更快,给客户更好的体验。 二、使用懒加载 常用的懒加载有两种方法:vue异步组件和ES中的import。1.不使用懒加载 import Vue from 'vue' import Router from 'vue-router' import Login from './../pages/Login/Login'原创 2020-11-10 17:48:31 · 46 阅读 · 0 评论