![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
在路上等
这个作者很懒,什么都没留下…
展开
-
vue3 router探索
动态路由,权限鉴定。原创 2023-12-18 17:12:37 · 434 阅读 · 0 评论 -
vue解决图标丢失
Vue 解决ie下图标丢失原创 2022-11-11 15:15:49 · 306 阅读 · 0 评论 -
ie 打包静态文件丢失的问题
module.exports={ chainWebpack: config => { const fontUrl = config.module.rule('fonts'); fontUrl.uses.clear() fontUrl .use('url-loader') .loader('url-loader') .tap(()=>{ .原创 2022-03-10 17:06:36 · 197 阅读 · 0 评论 -
单例模式(改造)
/* 单例改造 1.需要instance 保存下来 */ const singleTon=(function(){ function Person(name,age,sex){ this.name = name; this.age = age; this.sex = sex; } Person.prototype.say = function(){ console.log('hello') .原创 2022-03-02 20:54:59 · 160 阅读 · 0 评论 -
pc端瀑布流,移动端
<template> <div class="container-water-fall"> <waterfall :col="col" :width="itemWidth" :gutterWidth="gutterWidth" :data="data" @loadmore="loadmore" @scroll="scroll" > <template>...原创 2021-11-12 18:17:08 · 450 阅读 · 0 评论 -
pc 和 h5 都能打开要求样式不变形
项目中有这个要求,最简单的方法就是嵌套一个iframe标签,动态展示url.什么是iframe标签呢?RAME是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架,一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。个人认为就是等比例设置的视口大小 <iframe class="ifcenter" width="750px" :key="$route.query.type" height="1...原创 2021-10-15 11:27:24 · 652 阅读 · 0 评论 -
vue输入框禁止粘贴
需求: 阻止element组件中的复制粘贴功能实现思路: 组件是由外层和内层的组成的, 根据浏览器的事件传递机制(先捕获,后冒泡): 粘贴的时候会先执行绑定在外层div上的paste事件捕获方法, 然后再到内层的input, 因此可以在组件上捕获监听paste事件, 并阻止向下传播即可<el-input v-model="answer" @paste.native.capture.prevent="handleFalse" @cop.原创 2021-01-29 12:15:24 · 1490 阅读 · 0 评论 -
V-if v-show
区别1.手段:v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏;2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载);v-show是在任何条件下(首次条件是原创 2021-01-26 15:29:16 · 74 阅读 · 0 评论 -
vue路径跳转的几种方式
// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由router.push({ name: 'user', params: { userId: '123' }})// 带查询参数,变成 /register?plan=privaterouter.push({ path: 'register', query: { plan: 'private' }})...原创 2021-01-23 18:05:15 · 1758 阅读 · 1 评论 -
vue绑定值与字符串拼接两种写法
:title="`字符串${xx}`":title="'字符串' + xx"原创 2021-01-23 11:23:41 · 1955 阅读 · 0 评论 -
axios调取本地json
get(){ this.axios.get('http://localhost:8080/static/qu.json').then((res) => { this.seller=res.data; console.log(res.data) }) }原创 2020-12-04 21:09:14 · 467 阅读 · 0 评论 -
vue的使用步骤
1.创建vue脚手架2.引入axios1.axios的封装npm install axios我会在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios,api.js用来统一管理我们的接口。3.import axios from 'axios'; import QS from 'qs'; // 使用element-ui Message做消息提醒 import { Message} from 'ele原创 2020-12-04 21:07:34 · 418 阅读 · 0 评论 -
2020-11-11
困恼了好多天 , elementui中 表单做了一个enter切换的功能,结果请求是异步的,操作快的时候下拉选项不会隐藏,结果加上this.$refs.shipperPhone.close(); 就好了,注意: 这个组件的数组push时必须要value原创 2020-11-11 18:22:41 · 66 阅读 · 0 评论 -
vant 验证码倒计时
<template> <div class="myorder_bg"> <van-field v-model="verificationCode" center required label="请输入验证码" placeholder="请输入验证码" > <button slo原创 2020-11-04 10:41:41 · 1709 阅读 · 0 评论 -
vue引入js的方式
export default function directions(a,b){ if(a==6||a==1&&b==8){ console.log("正程") return false; } if (a==8&&b==1||b==5||b==6) { console.log("返程") return false; } if (a==8&&b==1&&b==8) { console.lo原创 2020-10-22 17:23:31 · 180 阅读 · 0 评论 -
VUE基础整理
vue 基础常用功能原创 2020-09-17 14:52:44 · 264 阅读 · 1 评论 -
vue 监听事件
事件<divclass="test"@touchstart="gtouchstart()"@touchmove="gtouchmove()"@touchend="gtouchend()">试一试呀!</div></div></template><script>exportdefault{data(){return...原创 2020-08-29 18:44:14 · 195 阅读 · 0 评论 -
改变上传头像的边框大小
/deep/.el-upload--picture-card{width:100px;height:100px;}/deep/.el-upload{width:100px;height:100px;line...原创 2020-07-27 17:29:35 · 794 阅读 · 0 评论 -
vue 表格数据处理
el-table 的数据转换格式 布尔-string<原创 2020-07-13 11:37:06 · 396 阅读 · 0 评论 -
vue 打印后期更新
这里使用的是一个vue的插件vue-print-nb1.npm installvue-print-nb --save。2.因为是插件,所以要use一下。3.给要打印的区块添加一个id,这时候给点击打印的按钮添加一个指令v-print,指定为要打印的区域id即可...原创 2020-06-29 10:23:36 · 224 阅读 · 0 评论