woshi759956817的博客

原创 TS基础内容（少部分）

x:0obj.ooo() //TS文件并不会报错。

原创 VXE-TABLE V4 表格表尾合并

可以实现表格拖拽 自己去看官网

原创 不支持index?.arr语法解决方案

解决以上bug可以安装npm install ‘@babel/plugin-proposal-optional-chaining’ --save-dev配置在babel.config.js中添加:module.exports = {presets: [‘@vue/app’],plugins: [“@babel/plugin-proposal-optional-chaining”] 《《《《《《《《《《《}源地址https://www.csdn.net/tags/NtTacgysOT

原创 如何获取scss里的值与如何修改scss里的值

获取在scss文件里配置接着在min.js中引入scss文件，这里我的scss文件已经在index.scss文件里引入在当前页面引入你要获取的scss文件然后再data中声明设置按照上述的设置好scss文件后不需要再当前页面引入然后再JS中设置即可 document.getElementsByTagName('body')[0].style.setProperty('--size', '250px');...

原创 移动端 媒体查询

在移动端使用可是窗口的样式现在header中添加<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />width = device-width：宽度等于当前设备的宽度initial-scale： 初始的缩放比例（默认设置为1.0）minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）maximum-scale：

原创 计算属性与监听属性

计算属性优点有缓存的机制，可以复用，效率高，调试方便。重复的调用只用缓存的值，不用像调用方法一样出发N次，只需要一次。监听属性特点1被监视的属性发生改变时，调用回调函数，执行相关操作2配置 immediate：true 实现初始化调用3监视的属性必须存在才能进行监视...

原创 VUE中导出excel的方案

方案11安装插件npm install vue-json-excel2在min.js中导入import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3 代码实现<download-excel class = "export-excel-wrapper" :data = "json_data" :fields = "json_fields"

原创 如何在vue中使用iframe（操作节点）+不操作节点只是用VUE

需求：点击播放区域后在点击监控即可呈现播放区域HTML<!-- 四屏 --> <div v-if="video == 4" class="content"> <div class="contvidef" :style="{ height: windowHeight / 2.06 + 'px', width: parseInt(windowWidth / 2.05) + 'p

原创 PC端自适应

1data中属性定义windowWidth: document.documentElement.clientWidth - 300（其他区域部分）, //实时屏幕宽度windowHeight: document.documentElement.clientHeight - 25300（其他区域部分）, //实时屏幕高度2标签中引入:style="{ height: windowHeight + 'px', width: windowWidth + 'px' }"3监听属性 让其自适应m

原创 elementui中树状图插图+线条的添加

1插图HTML<el-tree class="tree filter-tree" :data="data" :props="defaultProps" @node-click="handleNodeClick" node-key="id" ref="tree" > <span class="custom-tree-node" slot-scope="{node,data}">

原创 VUE-移动端-自适应插件的使用

1安装插件npm i amfe-flexible --savenpm i postcss-px2rem --save2 main.js 引入import rem from ‘amfe-flexible’Vue.use(rem)3 package.json配置"postcss": { "plugins": { "autoprefixer": {}, "postcss-px2rem": { "remUnit": 75 } }

原创 前端-深拷贝与浅拷贝

1封装一个深拷贝的函数function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(key in obj){ if(obj.hasOwnProperty(key)){ //判断ojb子元素是否为对象，如果是，递归复制 if(ob

原创 vue二维码中带logo

1安装 npm install vue-qr --save2<template> <div id="app"> <vue-qr class="codeQr" :logoSrc="config.logo" :text="config.link" ></vue-qr> </div></template><script>import VueQr from 'v

原创 项目创建问题总结

跨域配置

原创 组件的引用出错问题总结

Vant 组件在引入组件后使用 有些样式不显示npm i vant -Scnpm install babel-plugin-import --save

原创 element-ui 冒泡事件

因为是组件 所以因该在click后面+native

原创 uniapp自定义弹出框

布局<!-- 弹框 --> <view v-show="show"> <view class="popup-info"> <view class="tankuang1"> <view class="tankuang1-text"> 确认上报班值信息吗? </view> </view> </view> </view>样式.pop

原创 验证表单清空上次输入的值

elementui组件中自带清空但是需要绑定字段 按道理他它应该自动清空 但是组件问题 我们需要这样解决：表单在输入值的时候会没有值 因为需要在DATE中绑定 还需要在prop中定义好date中定义的字段...

原创 elementui 日期选择器只选择--当月--今天之前和今天的日期到当月--月初，不选则上月和下月日期

布局 <el-date-picker width="300" v-model="month" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker>data 中写入data() { return { month: "", pickerOptions: {} }; },方法引入disabledDate () {

原创 vue页面传参

当前页面传参数去往下一个页面传参即可打印出

原创 怎样获取表格中某一个表格的值

如图如果想拿取其中一个对应的值，绑定方法这样拿到的是对应一行的值，所有字段都在里面 ，一一拿取即可

原创 过滤以及表格获取对应的值

首先定义好过滤的内容接下来定义过滤的方法最后在页面中引用即可

原创 Git

Gitgit是什么？git是分布式版本控制器svn是集中式版本控制器git与svu的区别git可以在本地形成版本控制器,不用依赖中央仓库然而svu不可以在本地形成版本控制器，必须依赖中央仓库指令git --version 查看当前git的版本mkdir 创建目录git init 初始化gitll 查看数据的（不能查看隐藏数据）ll -a 查看所有数据（可以看到隐藏数据）touch 创建文件echo“内容”>>文件 向文件内部添加内容cat +文件名 可以看

原创 V S Code的代码块

原创 在git中的基本路由跳转

任务1在配置路由时引入相应的路由组件组件或者直接用箭头函数（）=>import（“路径”），因为是同级路由所以在基础路由“/”同级下写相应的路由，我们平常都把路由写在了views自创的文件夹中，在改文件夹下和需要分开子路由目录和跳转路由目录，所以我们在views目录下自创建一个新目录，在改目录中创建同级跳转路由的显示的页面vue，路径经“/+自拟” 在app中写入router-view即可展示2因为是主布局所以在views文件夹下新创建一个用来方子路由的文件夹，然后在主路由中写入它的子路由即可 然

原创 路由切换数据

布局 <el-radio-button @click.native="alls('todo')" label="2">全部</el-radio-button> <el-radio-button @click.native="alls('unfinish')" label="0">未完成</el-radio-button> <el-radio-button @click.native="alls('finished')" label="1

原创 Node的基础应用

原创 添加与删除框的message的操作

添加与删除框的message的操作标题代码： tianjia(){ var obj={ val:this.input, finished:false, id:new Date().getTime() } if(this.input.trim() === ""){ this.$message({