- 博客(74)
- 收藏
- 关注
RSS订阅原创 引入第三方字体图标icon
4.然后再main.js中引入 import ‘@/assets/font_4008950_i6fkbudh8ld/iconfont.css’;3.解压download 将font_4008950_i6fkbudh8ld文件放置项目中例如：放在assets文件夹下。2.点开ui提供的字体图标并下载。找到需要使用的图标点击复制代码。1.登录阿里巴巴icon库。
2024-09-18 16:16:07
357
原创 iframe标签嵌入 网页传值
html 页面标签 嵌入项目2地址 src=“https://ctcfile.com/dashboard/translate/document”mounted 中加上次方法，或者手动触动次消息发送。项目1嵌入项目2，并传值。
2024-01-17 15:58:41
971
原创 filters获取data中的数据
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
451
原创 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
1811
原创 实时高亮检索框
效果<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
102
原创 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
471
原创 优化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
841
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
97
原创 动画上下轮播滚动(无抖动)
动画上下轮播滚动html <div class="demo-list"> <ul class="rowup"> <!-- 此处数据为真实数据2倍 --> <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
231
原创 （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
301
原创 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
114
原创 面试题--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
100
原创 面试题--原型与原型链
```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
206
原创 面试题--闭包
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
82
原创 鼠标滚动分页查询 下拉过滤
鼠标滚动分页查询：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
177
原创 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
240
原创 脚手架创建项目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
145
原创 三角形画法
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
591
原创 点击左侧导航 轮播图定位 轮播图导航
点击左侧导航 轮播图定位<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
272
原创 导航栏滚动效果应用
效果：左边数据滚动到相应位置 右边导航对应点击右侧导航 自动定位该数据<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
359
转载 常用的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
72
原创 路由跳转新标签页打开
路由跳转新标签页打开示例图：点击页面跳转方法： toApply() { let routerData = this.$router.resolve({ path: "/apply", query: { id: 1, }, }); window.open(routerData.href, "_blank"); },路由跳转本页面打开点击页面跳转方法： toApply() {
2021-07-21 16:16:59
1141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人