![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实习日记
Sikcherry
亡羊补牢,犹未迟也。
展开
-
view-ui中select全选实现
最近,项目中有个需求:给select多选框增加一键全选的功能。 因为view-ui的select组件是不自带一键全选功能的,我决定自己封装一个。主要需求如下: 1.点击全选,选项全部勾选。 2.选项全部勾选情况下,点击全选,选项全部未勾选。 3.全选状态下,去掉任意一个选项,全选√消失。 一、三种情况分别如下: 1. 2. 3. 二、关键问题 要实现这些最关键的就是要清楚,select选中是通过v-model的双向绑定实现的。要改变select的选中值,就是通过改变v-model绑定的值实现。 三、部原创 2021-04-13 16:08:25 · 893 阅读 · 0 评论 -
view-ui中table组件的render( )函数基本使用
今天用到view-ui中的table组件,该组件中又涉及到render函数,简单整理一下render( )函数的基本使用方法。 render:(h,params) => { return h("定义的元素",{元素的样式与方法},"元素的内容") } 元素嵌套用法: render:(h,params)=>{ return h('定义的元素',{元素的样式与方法},[h('div','内容2')],'内容1') } 元素事件绑定: on: { click: () =&原创 2021-04-09 17:22:05 · 1202 阅读 · 0 评论 -
Select选择器设置默认选中
我使用的是iView中的Select选择器,项目需要设置默认选中。 created(){ this.model1 = 默认值 } 轻松搞定。原创 2021-04-06 15:08:19 · 1669 阅读 · 0 评论 -
git修改commit中的注释
公司对commit中的注释有严格的规范。一不小心注释写错了,一直push不上去。输入git commit --amend。然后弹出编辑界面,然后直接在里面编辑,保存退出即可。原创 2021-03-30 16:41:49 · 95 阅读 · 0 评论 -
多个div一行显示
今日对poptip组件的内容做了一些优化。在对poptip布局优化过程中,poptip中的content包含多个div标签,但项目要求多个div一行显示。原本是float布局,不足以解决问题。改成: div{ display: inline-block; vertical-align: top; } 其中vertical-align让div顶部对齐显示。 ...原创 2021-03-30 16:35:15 · 460 阅读 · 0 评论 -
在vue-cli3.0中使用View-UI(iView)
因为公司开发用的是iView-UI,下午看了项目Login.vue的源码,准备自己试一下iView。 一、NPM安装 npm install view-design --save 二、引入View-UI import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import ViewUI from 'view-design'; import 'vie原创 2021-03-25 17:50:24 · 4857 阅读 · 2 评论 -
npm install报错
今天通过公司内网npm镜像安装vue-cli。产生报错: npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/hexo-deployer-git failed, reason: connect ETIMEDOUT 211.136.113.1:8080 npm ERR! network This is a problem related to networ转载 2021-03-25 16:51:02 · 224 阅读 · 0 评论 -
axios在vue中的使用
今天整理了一下axios在vue中的使用。 一、对数据简单的增删改查 1.在router里面进行注册: { path:'/2-2', component:() => import('../views/2-2.vue') } 2.mock一个简单数据 { "name":"shenbaobao", "age":"24" } 3.增删改查 <script> import Axios from 'axios' export default { created原创 2021-03-24 16:25:58 · 275 阅读 · 0 评论 -
Element-ui初探——容器、走马灯、flex布局
之前用过vant组件库,今天初步尝试**Element-ui**,主要包括Element-ui的安装与引入,布局容器**Container**以及**走马灯**的使用。最后,利用flex布局实现等分布局。 **一、Element-ui的安装与引入** 1.npm 安装 npm i element-ui -S 2.完整引入(main.js) import Vue from 'vue'; **import ElementUI from 'element-ui'; import 'element-ui/li原创 2021-03-23 17:29:22 · 2300 阅读 · 0 评论