Sikcherry-CSDN博客

原创 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 887

原创 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 1196

原创 Select选择器设置默认选中

我使用的是iView中的Select选择器，项目需要设置默认选中。created(){ this.model1 = 默认值 }轻松搞定。

2021-04-06 15:08:19 1667

原创 git修改commit中的注释

公司对commit中的注释有严格的规范。一不小心注释写错了，一直push不上去。输入git commit --amend。然后弹出编辑界面，然后直接在里面编辑，保存退出即可。

2021-03-30 16:41:49 93

原创多个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

原创在vue-cli3.0中使用View-UI（iView）

因为公司开发用的是iView-UI,下午看了项目Login.vue的源码，准备自己试一下iView。一、NPM安装npm install view-design --save二、引入View-UIimport 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 4851 2

转载 npm install报错

今天通过公司内网npm镜像安装vue-cli。产生报错：npm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs.org/hexo-deployer-git failed, reason: connect ETIMEDOUT 211.136.113.1:8080npm ERR! network This is a problem related to networ

2021-03-25 16:51:02 223

原创 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 271

原创 Element-ui初探——容器、走马灯、flex布局

之前用过vant组件库，今天初步尝试**Element-ui**，主要包括Element-ui的安装与引入，布局容器**Container**以及**走马灯**的使用。最后，利用flex布局实现等分布局。**一、Element-ui的安装与引入**1.npm 安装npm i element-ui -S2.完整引入（main.js）import Vue from 'vue';**import ElementUI from 'element-ui';import 'element-ui/li

2021-03-23 17:29:22 2296

weixin_41777814的博客