Vue
文章平均质量分 61
唐小亭
开心就好哈!
展开
-
前端宝典大合集(一)
问题一:写一个处理加法可能产生精度的函数,比如 0.1 + 0.2 = 0.3我们都知道0.1+0.2 = 0.3但是在js中0.1+0.2 = 0.300000000000000041.1*100 = 110.000000000000011-0.9 = 0.09999999999999998原因在于:能被计算机读懂的是二进制,而不是十进制,所以我们先把 0.1 和 0.2 转换成二进制看看:0.1 => 0.0001 1001 1001 1001…(无限循环)0.2 =&.原创 2021-01-28 13:25:02 · 623 阅读 · 0 评论 -
vue实现公告上下滚动
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>vue文字滚动</title><style>div, ul, li, span, img { margin: 0; pad...原创 2021-01-07 17:13:41 · 1200 阅读 · 6 评论 -
vue递归组件实现
需求:需要显示不确定层级不确定值类型(可能是数组里有对象,对象里有数据)的数据数据结构如下:{ "company":{ "name":"9206-6737 QUéBEC INC.", "company_number":"1165695314", "jurisdiction_code":"ca_qc", "in原创 2020-11-09 10:41:13 · 207 阅读 · 0 评论 -
vue原生方法显示弹窗
1.alert显示Vue.prototype.$alert('登录已过期请重新登陆', '提示', { confirmButtonText: '确定', callback: action => { //清理session sessionStorage.clear(); isRefuse = false; //返回登录原创 2020-09-29 11:11:22 · 1254 阅读 · 0 评论 -
vue过滤器,金额每三位加逗号,
/** * 10000 => "10,000" * @param {number} num */export function toThousandFilter(num) { return (+num || 0).toFixed(2).replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,') // return (+num ||...原创 2020-06-30 09:20:54 · 3019 阅读 · 0 评论 -
vuex初探
官方参考文档地址:https://vuex.vuejs.org/zh/guide/每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同:Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么...原创 2019-05-17 11:44:58 · 150 阅读 · 0 评论 -
VUE学习(一)
一:标签绑定click事件<template> <div class="app-container documentation-container"> <a class="document-btn" target="_blank" href="javascript:;" @click="great">{{ $原创 2018-09-21 15:31:15 · 221 阅读 · 0 评论 -
vue.js中scoped
1. 一般用vue框架,在组件中为了不相互影响各自的样式,都会在 style 标签上加上 scoped , scoped 的作用是限制了样式的作用范围,只在本页有效。 2. 要更改组件的样式,比如element, iview 组件 , 就必须去掉scoped 。然后找到要更改的组件的元素的类名。 如要更改饿了么组件中的按钮的样式 : &l...转载 2018-10-12 11:27:13 · 1033 阅读 · 0 评论 -
VUE学习(二)
1.点击“返回”,返回至上一页this.$router.go(-1)2.跳转页面使用组件 <router-link> ,代替了以前的v-link,注意:<router-link>不支持target="_blank"属性,如果你想打开一个新标签页,你必须用<a>标签。<router-link to="/dashboard">回首页<原创 2018-09-28 10:56:39 · 111 阅读 · 0 评论 -
VUE学习(三)
1.刷新当前页面location.reload();或this.$router.go(0)缺点:相当于ctrl+f52.this.$store.dispatch('delVisitedViews', { path, name })dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('mutations方法名',值)commit:...原创 2018-09-28 15:59:47 · 162 阅读 · 0 评论 -
vue.js中使用swiper插件实现图片轮播
第一步:安装swiper:npm install swiper@3.4.1 --save-dev完成之后,你会在项目的node_modules文件夹中多一个swiper文件夹。第二步:引用组件import Swiper from 'swiper';import 'swiper/dist/css/swiper.min.css';第三步:html中如何使用: <di...原创 2018-09-28 17:27:14 · 4351 阅读 · 1 评论 -
vue.js实现左边导航切换右边内容
<template> <div class="layout-container"> <y-header> <div slot="nav"></div> </y-header> <div class="w">原创 2018-10-17 10:54:44 · 20842 阅读 · 0 评论 -
vue左边菜单跳转到窗口可视区域
// 左边菜单跳转到可视区域document.querySelectorAll(".left-menu_item.active")[0].scrollIntoView({behaviour: 'instant'})注意:必须加上“[0]”,否则会报“.scrollIntoView()not a function”...原创 2019-01-24 18:17:53 · 1304 阅读 · 0 评论 -
分隔字符串组成数组
<div class="info"> <div class="address"> <span>联系电话:</span><span v-for="item in filteredItems" class="phone-arr">原创 2019-02-20 16:28:31 · 197 阅读 · 0 评论