![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
ggyyjavascript
这个作者很懒,什么都没留下…
展开
-
前端面试题
面试笔记原创 2022-07-14 10:59:04 · 228 阅读 · 0 评论 -
ios,安卓 input禁止输入方式
input禁止输入只能输入数字、汉字、英文文本合成系统如 input method editor (即输入法编辑器)开始新的输入合成时会触发 compositionstart 事件当文本段落的组成完成或取消时, compositionend 事件将被触发<!-- 代码为vue实例 --><input type="text" v-model="contactName" @compositionstart="onCompositionStart" @compositionend=原创 2022-05-14 11:02:48 · 823 阅读 · 0 评论 -
vue.config.js 首屏加载优化
1. compression-webpack-plugin 插件压缩文件cnpm i compression-webpack-plugin -D 安装依赖包(npm有时候会出错)原理:把文件压缩成浏览器能够自动解压的 gizp 文件, 配合 nginx 配置开启https://blog.csdn.net/baidu_35407267/article/details/77141871https://segmentfault.com/a/1190000012571492...原创 2020-06-29 18:30:41 · 562 阅读 · 0 评论 -
el-table expand-change 点击每次只展示一个
三个事件:row-key=“getRowKeys”行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能与显示树形数据时,该属性是必填的。类型为String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。:expand-row-keys=“expands”可以...原创 2019-11-21 10:08:56 · 4596 阅读 · 3 评论 -
el-table type=“expand“ @expand-change=“ “ 事件获取数据 dom渲染不显示
问题的形成原因:1.在el-table中添加 type=“expand” 二级列表2.二级列表数据是由 @expand-change=" " 事件 请求api获取3.把获取的数据动态添加到一级列表的数据中4.导致数据结构 深层次 嵌套 vue数据没有及时回显详解我们知道在vue中,数据的绑定都不用我们操心,例如在data中有一个msg的变量,你修改它,那么在页面上,msg...原创 2019-10-21 14:36:24 · 12968 阅读 · 5 评论 -
centos服务器 Web服务环境安装(node+nginx)
安装node1. 下载最新的稳定版 v10.16.3 到本地 wget https://nodejs.org/dist/v10.16.3/node-v10.16.3-linux-x64.tar.xz2. 下载完成后, 将其解压tar xvJf node-v10.16.3-linux-x64.tar.xz3. 将解压的 Node.js 目录移动到 /usr/local 目录下...原创 2019-10-18 15:46:15 · 433 阅读 · 0 评论 -
el-table+el-from 动态生成表格表单
完整代码<template> <div class="transropt-warp container"> <div class="common-title"><h2>Transropt</h2></div> <div class="transropt-container"> &...原创 2019-10-18 13:43:53 · 2597 阅读 · 0 评论 -
vue/cli@3 vue.config.js 配置笔记
module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '//your_url' : '/', outputDir: 'dist', assetsDir: 'static', filenameHashing: true, // When building in multi-...原创 2019-08-29 20:23:10 · 200 阅读 · 0 评论 -
nuxt.js项目部署
搭建nuxtjs项目$ npx create-nuxt-app <项目名>或$ yarn create nuxt-app <项目名>修改本地开发主机名 和 端口号 需要配合 switchHost公工具第一步第二步npm run build 本地打包打包之后我们通过xftp连接测试环境服务器 传入文件...原创 2019-08-28 13:57:01 · 783 阅读 · 0 评论 -
创建一个vue项目 第一篇:vuex配置
1.初始化命令vue init webpack my-vueESLint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,这样我们就可以根据自己的喜好指定一套 ESLint 配置,然后应用到所编写的项目上,从而实现辅助编码规范的执行,有效控制项目代码的质量。2.下载依赖包+添加插件依赖npm icn...原创 2019-08-08 14:52:00 · 1577 阅读 · 0 评论 -
vue+CryptoJS+vuex+cookie实现登录7天密码记忆
vue父子组件传值父子组件通信,都是单项的,很多时候需要双向通信。方法如下:1、父组件使用:msg.sync=“aa” 子组件使用$emit(‘update:msg’, ‘msg改变后的值xxx’)2、父组件传值直接传对象,子组件收到对象后可随意改变对象的属性,但不能改变对象本身。3、父组件使用: v-model父组件: <template> <div&g...原创 2019-08-01 19:40:42 · 503 阅读 · 0 评论 -
移动端.pc端适配
1.vue+router2.在App的create中写if判断 var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) =...原创 2019-07-25 16:52:05 · 373 阅读 · 0 评论 -
修改原生复选框样式 (css)
1.直接复制到css中 就可以改变样式2.颜色可以自行修改input[type="checkbox"]{width:20px;height:20px;display: inline-block;text-align: center;vertical-align: middle; line-height: 18px;position: relative;}input[type="checkb...转载 2019-07-24 17:59:26 · 3062 阅读 · 1 评论 -
如何让被遮挡层可以进行事件点击?(纯CSS方法)
如何让被遮挡层可以进行事件点击?(纯CSS方法)外层(被遮挡的层){ pointer-events: none;} 内层(要发生事件的层){ pointer-events: auto;}pointer-events属性本身有很多取值,但只有none和auto可以用在浏览器上,其他都只能应用在SVG上取值none:元素永远不会成为鼠标事件的target取值auto:...转载 2019-07-05 18:37:40 · 1665 阅读 · 1 评论 -
:cellClassName实现表单单元格添加 类名.
:cellClassName官方cell-class-name 单元格的 className 的回调方法,也可以使用字符串为所有单元格设置一个固定的 className。 Function({row, column, rowIndex, columnIndex})/String开发实例html代码段在el-table中添加:cell-class-name 创建事件函数名 ...原创 2019-05-17 17:51:02 · 5257 阅读 · 1 评论 -
watch监听vuex数据改变,实现自动改变兄弟页面数据
实例图实现原理和思想原理1.vuex数据共享2.watch监听数据数据的改变逻辑1.在vuex中的state中创建键值对 isRed:false2.找到A组件(想要共享出去数据的组件)method中的共享数据的方法,使用 that.$store.state.isRed赋值3.在vuex的actions中创建一个方法获取共享数据(方法名随意)getCollectAppLi...原创 2019-04-10 21:06:46 · 8606 阅读 · 3 评论 -
el-table数据渲染 点击按钮 实现不刷新 呈现数据状态
el-table $set方法,不刷新, 呈现改变数据状态实践文章html片段 重点 标记- - ->动态显示区域js 代码 $set方法显示结果实践文章个人开发问题,记录一下,可能会存在不完美,欢迎大佬追加!!!,html片段 重点 标记- - ->动态显示区域 <!-- 列表 --> <el-table :data="tabl...原创 2019-04-04 15:13:25 · 6271 阅读 · 0 评论