vue
夏末_阳光依然耀眼
一个人,走在陌生的城市,听伤感的音乐,看陌生的风景。我们都在寻找,人生就是寻找爱的过程,每个人都会遇到三种人,你爱的,爱你的,与你共度一生的。并不是每一对有缘相爱的恋人,都有相守一生的缘分;也许这一场恋爱是情深缘浅,下一场就缘定终生,去爱吧,像不曾受伤一样。
展开
-
vue中拼接html,点击事件失效的解决办法
vue中拼接html,点击事件失效的解决办法原创 2022-06-02 17:06:52 · 2452 阅读 · 0 评论 -
vue el-table 简单轮播
系统信息arch 显示机器的处理器架构uname -m 显示机器的处理器架构uname -r 显示正在使用的内核版本dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI)hdparm -i /dev/hda 罗列一个磁盘的架构特性hdparm -tT /dev/sda 在磁盘上执行测试性读取操作cat /proc/cpuinfo 显示CPU info的信息cat /proc/interrupts 显示中断cat /proc/meminfo 校验内存使用...原创 2021-09-23 10:10:27 · 1476 阅读 · 1 评论 -
vue多层数组嵌套循环,动态取值匹配
tableData:[], //存储数组arrTarName:[] //结果数组this.tableData.push({ siteName:i.siteName, tabdata:result.data}); //循环+判断取值for (let k = 0; k < result.data.length; k++) { if (this.arrTarName.length == 0) { this.arrTarName.push({ .原创 2021-09-14 10:16:22 · 1844 阅读 · 0 评论 -
el-checkbox-group全选、单选实现
页面结构:<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange"> <el-checkbox v-for="(city,i) in cities" :label="city.path" :key="i">{{city.time}}</el-checkbox></el-checkbox-group><el-checkbox size="原创 2021-08-16 15:58:47 · 2472 阅读 · 0 评论 -
Element ui el-table自适应高度+滚动懒加载
<el-table :data="tableData" size="small" :height="Height" ref="table" > <el-table-column type="index" label="序号" :index='indexMethod' align="center" width='50px'></el-table-column> <el-table-column prop="id" label=.原创 2021-08-16 15:44:04 · 788 阅读 · 0 评论 -
vue让你理解npm run dev 和 npm run serve
npm run dev 是vue-cli2.0版本使用的npm run serve 是vue-cli3.0版本使用的dev build serve?在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错,然后我们就特别好奇,npm run serve 和 npm run dev 到底有什么区别。其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。npm run...转载 2021-08-12 14:18:42 · 21859 阅读 · 2 评论 -
Mint-ui+Element-ui tab-container实现tab与滑动级联
<div class="tab-nav"> <el-radio-group v-model="radio" size="mini" @change="tabchange"> <el-radio-button v-for="(item,index) in nav" :label="item">{{item}} </el-radio-button> </el-radio-grou.原创 2021-08-04 16:57:14 · 343 阅读 · 0 评论 -
vue数组去重复,排序,判断周,循环请求接口按顺序执行方法
//数据去重复const unique=(arr1)=>{ const res = new Map(); return arr1.filter((a) => !res.has(a.siteId) && res.set(a.siteId, 1)) },//冒泡排序const bSort=(arr)=>{ var len = arr.length; for (var i = 0; i < len-1; i++) { .原创 2021-08-04 16:49:12 · 477 阅读 · 0 评论 -
vue中嵌入原生iframe并传递参数
父传子// 父页面main.html传递参数<template><div><iframe :src="frameUrl" ref="iframe" width="100%" height="100%" frameborder="0" scrolling="auto" @load="loaded"></iframe></div></template><script>export default { n转载 2020-06-28 16:23:46 · 4069 阅读 · 0 评论 -
Element UI element-china-area-data 中国省市区三级、二级联动option数据设置默认值
<el-cascader class="long" size="large" :options="regionData" v-model="selectedOptions2" @change="handleChange"> </el-cascader>import { provinceAndCityData, regionData, provinceAndCityDataP.原创 2020-06-06 23:10:03 · 3254 阅读 · 0 评论 -
vue el-checkbox勾选取消执行不同操作
<el-checkbox v-for="(item,index) in checkall" :label="item.id" :key="index" :checked="item.checked" @change="handleCheck">{{item.value}}</el-checkbox>data(){ return { checkall:[ {id:0,value:'地下水水位',checked:tru.原创 2020-05-30 14:48:17 · 2403 阅读 · 0 评论 -
vue.js实现复选框选中取消获取选择值
<!DOCTYPE HTML><html lang="zh-cn"><head><meta http-equiv="Content-type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width,initial-sca...转载 2019-07-20 13:47:29 · 1708 阅读 · 0 评论 -
vue.js实现单选获取选中值
<!DOCTYPE HTML><html lang="zh-cn"><head><meta http-equiv="Content-type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width,initial-sca...转载 2019-07-20 13:44:47 · 792 阅读 · 0 评论 -
vue背景渐变切换动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">原创 2018-06-27 18:49:41 · 2290 阅读 · 0 评论 -
基于Vue的tab切换代码
tab切换Vue写法 *{ margin:0;padding:0; } #box{ width:606px; margin:50px auto; border:1px solid black; } #head{ overflow:hidden; } #head h1{ width:200px; height:60px转载 2017-06-20 14:18:36 · 378 阅读 · 0 评论