tamia_nice-CSDN博客

filters获取data中的数据<template> <div> <p>{{ 9 | getNum }}</p> </div></template><script>import { WOW } from "wowjs";import countTo from "vue-count-to";let that;export default { data() { return {

2022-03-28 15:24:49 409

原创 vue中使用moment处理时间戳转换成日期或时间格式

vue中使用moment处理时间戳转换成日期或时间格式 npm i momentimport moment from 'moment'<template> <div> <p>{{ time | Time }}</p> </div></template><script>import moment from "moment"; //处理时间export default { data()

2022-03-24 11:15:14 1769

转载 pc端分辨率适配

https://blog.csdn.net/weixin_41257563/article/details/97266234/

2021-11-16 15:27:05 117

原创实时高亮检索框

效果<template> <div> <el-input v-model="input" placeholder="请输入内容"></el-input> <p v-html="ruleTitle(content,input)"></p> </div></template><script> export default { data() {

2021-11-16 15:04:09 75

原创 element ui中select 下拉选择文字输入筛选

未修改代码前效果选择框中不可编辑如图：加入 filterable allow-create default-first-option代码如下<template> <div> <el-select v-model="value" placeholder="请选择" filterable allow-create default-first-option> <el-option v-for="item in options" :ke

2021-11-09 14:37:47 406

原创优化vue （vue-fragment）

优化前son.vue<template> <div class="son"> <button>11</button> <button>22</button> </div></template><script>// import { Fragment } from 'vue-fragment'export default { componen

2021-11-06 09:50:54 778 2

原创闭包的应用1（导航栏）

MenuCompontent.vue<template> <div> <ul> <li v-for="(item, i) in menusArr" :key="i + 'aa'" @click.stop="toRouter(item)"> {{ item.name }} <menu-compontent :menusArr="item.children" v-if="item.childr.

2021-11-04 20:44:37 74

原创动画上下轮播滚动(无抖动)

动画上下轮播滚动html <div class="demo-list"> <ul class="rowup">  <li class="item_txt" @click="toAnnouncement(item)" v-for="(item,index) in noticeList" :key="index + 'aa'"> <span class="dot"

2021-11-04 19:55:13 188

原创（1）数组乱序（3）数组中获取随机数

（1）数组乱序 created() { // （1）数组乱序 let res1 = this.getarrScrambling([1, 2, 3,4,5]); console.log(res1); let arr = [ { name: "aa", age: "15" }, { name: "bb", age: "16" }, { name: "cc", age: "17" }, { name: "dd", age: "18

2021-11-02 20:42:12 262

原创 1.生成指定范围随机数2.数字千分位分隔

1.生成指定范围随机数2.数字千分位分隔<script>export default { name: "HelloWorld", data() { return { }; }, created() { // 1.生成指定范围随机数 1-100 let res1 = this.getrandomNum(1, 100); console.log(res1); // 2.数字千分位分隔 8932894237552 l

2021-11-02 20:16:49 89

原创 vue关闭严格模式

vue关闭严格模式

2021-11-02 20:13:51 531

原创面试题--new关键字

<h2>new关键字</h2> <script> function Person() { this.name = '小鱼'; this.fn = function () { console.log(`名字是${this.name}`) } } let person1 = new Person(); ...

2021-10-24 19:08:25 63

原创面试题--原型与原型链

```css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl.

2021-10-24 19:04:03 174

原创面试题--闭包

Document 闭包为什么要有闭包 <script> let a = '曾同学'; function fn1() { let b = 1; console.log(a); } console.log(b); //为何访问不到b // AO => Active Object 临时变量对象：方法与局部...

2021-10-24 18:41:51 50

原创鼠标滚动分页查询下拉过滤

鼠标滚动分页查询：main.js文件中引入：main.js部分Vue.directive('loadmore', { bind (el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap') SELECTWRAP_DOM.addEventListener('scroll'

2021-09-28 15:15:50 143

原创 vue-awesome-swiper插件

vue-awesome-swiper插件[https://www.npmjs.com/package/vue-awesome-swiper](https://www.npmjs.com/package/vue-awesome-swiper)<template> <div class="photo_view"> 3333 <swiper class="swiper" :options="swiperOption" ref="mySwiper">

2021-09-28 15:07:02 204

原创脚手架创建项目vue2.0

下载：npm i - g vuenpm i - g vue-clinpm i -g webpack检测下载版本vue -Vwebpack -V初始化项目vue init webpack myproject创建成功

2021-09-13 21:26:23 118

原创三角形画法

triangle为三角形结构<div class="carousel"> <div class="businessBox" @mouseenter="moreEnter(i)" @mouseleave="moreLeave(i)" v-for="(item, i) in navList" :key="i + item.src" @click="toChangeTabs(item, i)"> <div style="height:100%" :class=.

2021-08-14 16:28:28 528

原创点击左侧导航轮播图定位轮播图导航

点击左侧导航轮播图定位<template> <div class="service_contain"> <Spin size="large" fix v-if="spinShow"></Spin> <div class="bgImg"> <!-- <img src="../assets/img/service/servicebanner.png" alt="" /> <s

2021-08-14 16:24:40 233

原创导航栏滚动效果应用

效果：左边数据滚动到相应位置右边导航对应点击右侧导航自动定位该数据<template> <div class="service_contain"> <Spin size="large" fix v-if="spinShow"></Spin> <div class="bgImg"> <img src="../assets/img/service/servicebanner.png" alt=""

2021-07-22 17:00:10 303

转载常用的JavaScript技巧

// 1.声明变量// Longhandlet x;let y = 20;//Shorthandlet x, y = 20;// 2.给多个变量赋值// (使用数组解构来在一行中给多个变量赋值。)// Longhandlet a, b, c;a = 5;b = 6;c = 12;// Shorthandlet [a, b, c] = [5, 6, 12]// 3.三元运算符// Longhandlet marks = 26;let result;if (marks

2021-07-21 17:00:40 49

原创路由跳转新标签页打开

路由跳转新标签页打开示例图：点击页面跳转方法： toApply() { let routerData = this.$router.resolve({ path: "/apply", query: { id: 1, }, }); window.open(routerData.href, "_blank"); },路由跳转本页面打开点击页面跳转方法： toApply() {

2021-07-21 16:16:59 1003

原创页面滚动头部固定背景色显现

页面滚动头部固定背景色显现效果图未滚动前滚动后结构代码： <div class="top" id="topdiv" :class="isScorll ? 'scrollTop' : ''" > </div>方法： mounted() { window.addEventListener('scroll', this.showIcon); }, methods: { showIcon() { if ( !!doc

2021-07-21 16:10:37 380

空空如也

空空如也