![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
涔溪
这个作者很懒,什么都没留下…
展开
-
js文件下载
图片,视频,文件下载原创 2023-03-13 09:37:53 · 158 阅读 · 0 评论 -
下载图片视频
js vue 下载图片文件原创 2023-03-08 18:02:19 · 146 阅读 · 0 评论 -
js、vue文本点击复制内容
js、vue文本点击复制内容原创 2022-11-16 17:10:45 · 328 阅读 · 0 评论 -
在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?
在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?<template> <el-select @change="selectGet" class="cms-width" v-model="info[item.field]" filterable remote reserve-keyword placeholder="请输入老师姓名" :loading="loading" v-if="item.field=='tplChannel原创 2021-08-30 18:03:38 · 302 阅读 · 0 评论 -
js判断一个字符串 是否存在在另一个字符串
js判断一个字符串 是否存在在另一个字符串let title = that.route.path;//获取当前路由路径letrouterStr=that.route.path; //获取当前路由路径let routerStr = that.route.path;//获取当前路由路径letrouterStr=that.store.state.route_url; //某个动态路由function isContains(title, routerStr) {return title.indexO原创 2021-04-27 14:29:14 · 295 阅读 · 0 评论 -
安装axios及其基础用法
1、基本用法安装cnpm i axios --save在 main.js 中引入 axiosimport axios from 'axios'Vue.prototype.$axios = axios在组件中使用 axios<script> export default { mounted(){ this.$axios.get('/goods.json').then(res=>{ console.log(res.data); }) } }&原创 2021-06-11 16:23:51 · 990 阅读 · 0 评论 -
vue点击切换css样式
vue动态点击切换css样式<template> <div v-for="i in 5" class="el-personal" :class="{active:isActive==i}" @click="show(i)"> 切换css样式 </div></template><script> export default { data() { retu原创 2021-04-02 08:57:54 · 2674 阅读 · 0 评论 -
vue动态点击切换css样式且子元素动态显示和隐藏
vue动态点击切换css样式并子元素动态显示和隐藏<template> <div v-for="i in 5" class="el-personal" :class="{active:isActive==i}" @click="show(i)">切换css样式 <div @click="clickbj(i)"> //i 为父元素 for 循环的 index 点击原创 2021-04-06 16:34:18 · 1492 阅读 · 0 评论 -
Vue导航点击路由跳转后样式不变
Vue导航点击路由跳转后样式不变<template> <ul> <li :class="{active:isActive==1}" @click="myOrder(1)">统计分析</li> <li :class="{active:isActive==2}" @click="myOrder(2)">订单中心</li> <li :class="{active:isActive==3}" @click="myOr原创 2021-04-29 15:40:48 · 1006 阅读 · 0 评论 -
vue控制元素样式css的隐藏和显示
vue中动态控制元素的隐藏和显示<template> <div @click="clickbj(i)"> //i 为父元素 for 循环的 index 点击 </div> <div @mouseleave="mouseLeave(i)" class="box" :class="{disbox:isBianji==i}"> <div class="edit" @click="open原创 2021-04-29 15:49:35 · 3082 阅读 · 1 评论 -
动态修改网页icon图标
动态修改网页icon图标//如果在vue项目中 在App.vue下的 created() 中输入var link = document.querySelector("link[rel*='icon']") || document.createElement("link");link.type = "image/x-icon";link.rel = "shortcut icon";link.href = this.icon_url; //icon图标document.getElementsBy原创 2021-05-19 10:31:20 · 3469 阅读 · 2 评论 -
动态修改网页title
动态修改网页icon图标//如果在vue项目中 在App.vue下的 created() 中输入var link = document.querySelector("link[rel*='icon']") || document.createElement("link");link.type = "image/x-icon";link.rel = "shortcut icon";link.href = this.icon_url; //icon图标document.getElementsBy原创 2021-05-19 10:31:56 · 401 阅读 · 0 评论 -
vue项目中导入视频
vue项目中引入视频插件一、安装插件 vue-video-playernpm install vue-video-player -s二、在main.js里倒入并使用import VideoPlayer from 'vue-video-player'import 'vue-video-player/src/custom-theme.css'import 'video.js/dist/video-js.css'Vue.use(VideoPlayer)三、在vue文件中使用1、HTML&原创 2021-06-01 10:09:10 · 6301 阅读 · 1 评论 -
vue切换css样式
vue通过点击控制多个元素的css样式<div class="hide-class" v-for="(item,index) in list" :class="{'activeClass': rSelect.indexOf(item)!=-1}" @click="showdifference(item,index)" > <div class="class_triangle" :c原创 2021-04-29 15:46:48 · 867 阅读 · 0 评论