ICode9

精准搜索请尝试: 精确搜索
  • 29 element-table样式更改2020-07-14 17:03:20

    //修改高亮 .el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td { color: #363636; background-color: #fbec88!important; } //修改表头错位 body .el-table th.gutter{ display: table-cell!impo

  • vue+elementui项目中使用el-table在el-table-column上使用v-if的时候乱序和样式错乱的问题2020-07-10 21:04:57

    样式错乱的问题 项目的需求是点击不同的按钮在一个表格上进行不同数据的展示,当使用v-if切换的时候,写在后面的列竟然跑到了前面显示 解决方法 在需要使用v-if渲染的el-table-column元素上加上一个不重复的key值即可解决问题 <el-table-column v-if="status ===3" :key="Math.random

  • Vue常用特性2020-07-08 17:06:16

    强制转换成数值型(原本文本框是字符串)   v-model.number 去掉空格     v-model.trim 转变为change事件  失去焦点才改变值    v-model.lazy   自定义指令   directive   <div id="app">         <input type="text" v-focus>   //使用自定义指令必

  • Vue学习记录--组件模板抽离的写法2020-07-07 13:35:01

    <body> <div id="app"> <my-pnc></my-pnc> </div> <!--第一种模板写法--> <script type="text/x-template" id="mypnc"> <h3>你好Vue&l

  • element-ui el-dropdown 结合el-table 的用法(传递当条表格的参数)2020-07-03 18:05:09

    先看效果图吧   html部分写法 <el-table-column label="操作" width="120" align="center"> <template slot-scope="scope"> <el-dropdown placement="bottom" trigger="click"&g

  • 弹窗拖拽自定义directive2020-07-03 12:37:43

    1 import Vue from 'vue'; 2 3 // v-dialogDrag 弹窗拖拽 4 Vue.directive('dialogDrag', { 5 bind(el, binding, vnode, oldVnode) { 6 const dialogHeaderEl = el.querySelector('.el-dialog__header'); 7 const dragDom = el.

  • 使用vue+zrender绘制体温单 三测单(2)2020-07-01 10:07:08

    上期我们说了如何创建项目并把各个项目的文件结构创建好后这期我们来说如何画出图中代写线段 首先我们在src/components/Render.vue中添加一下引用 import zrender from 'zrender' import {chartData,configData} from '@/mock/index' 这是mock数据 import { createLine,createCi

  • el-switch 初始值(默认值)不能正确显示状态问题2020-06-28 12:52:03

    <el-table-column align="center" label="状态">       <template slot-scope="scope">          <el-switch               @change="usertypefun(scope.row.us_id,$event)"                v-model="scope.row.u

  • Java Script2020-06-26 16:58:11

    一、JS 1、js   js:基于对象,解释执行   java:面向对象,编译执行 2、html引入js方式 (1)内部js:body的最后一行   <script>     ...   </script> (2)外部js   <script src="path"></script> 3、js变量和数据类型 (1)变量的声明   1)var varName;   2)let varName; (2

  • Vue入门2020-06-25 20:53:49

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8">

  • javaweb之EL自定义函数2020-06-25 11:03:28

    1.什么是EL自定义函数 EL自定义函数是在EL表达式中调用的某个java类的静态方法,这个静态方法需在web应用程序中进行配置才可以被EL表达式调用。EL自定义函数可以扩展EL表达式的功能,让EL表达式完成普通java程序代码所能完成的功能。 2.EL自定义函数开发步骤 编写EL自定义函数映射的

  • Vue挂在全局组件的两种方法2020-06-24 13:05:00

    1. 通过官方提供的一个全局api Vue.extend( options ) import Vue from 'vue' export default (component, props) => { const conCtor = Vue.extend(component) const el = new conCtor({propsData: props}).$mount() document.body.appendChild(el.$el) con

  • Element-ui局部添加loading效果2020-06-23 15:52:48

    项目:Vue+element-ui 在一个表格数据加载时,因为需要连接其它东西,所以后台接口返回数据需要较长时间,因此添加局部Loading效果,增加用户体验度, 最开始使用下面代码,直接放到<el-table>中,测试时遇到问题 element-loading-spinner="el-icon-loading" :element-loading-text="$t('tip.lo

  • js音频播放 暂停2020-06-23 10:54:53

    此技术分享是在项目过程中处理音频、播放、暂停并添加动效时开发出来的,还有待代码精简,技术提高。不过基本功能完善具备实际项目的套用具体演示如下: html部分(这里我们模拟是三大框架的vue) <div class="box"> <ul ref="ul" class="ul"> <span clas

  • el-input 兼容ie9密码变明文2020-06-23 10:05:54

    https://www.jianshu.com/p/4a87c8089c81 vue兼容IE浏览器,首先就要安装 npm install babel-polyfill //然后main文件中引用 import 'babel-polyfill'   还安装了一些其他的插件 es6-promise/auto ie9-oninput-polyfill ie-placeholder   因为所遇到的问题是登录页面,有用户

  • Vue学习入门(一)2020-06-19 19:51:57

    目录准备工作1. vue.js的快速入门使用1.1 vue.js库的下载1.2 vue.js库的基本使用1.3 vue.js的M-V-VM思想1.4 显示数据2. 常用指令2.1 操作属性2.2 事件绑定例如:完成商城购物车中的商品增加减少数量2.3 操作样式2.3.1 控制标签class类名2.3.2 控制标签style样式2.3.2 实例-vue版

  • 回顾学习过的Vue.js知识2020-06-19 17:02:07

    Vue: Vue安装: 下载: vue.js CDN: <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> npm安装: 通过命令行窗口进行全局安装: $ npm install vue Vue实例配置: ​ el: 挂载的虚拟节点(基本结构);如果没有el指定节点,需要使用vm.$mount()主动挂载

  • 质量属性-重构代码2020-06-19 12:55:33

    质量属性-重构代码易用性与用户完成期望任务的难易程度以及系统为用户提供的支持种类有关,简单来说,易用性是面向用户的,如何让用户轻松愉快的使用是实现本属性的关键。而在其战术体现上就为用户提供适当的反馈和协助,这是易用性战术的核心。 总的来说,易用性战术分为三类,哪三类呢:第一

  • vue生命周期2020-06-19 11:59:23

    Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

  • 9.vue-transition 过渡动画2020-06-18 22:58:09

    1、 transition:vue中得一个内置组件 实现得是组件得过渡效果 实现上:直接添加css得类名、使用钩子函数实现 2、 使用步骤: 用transition组件,把想要实现过渡效果得元素包裹起来 写上对应得实现过渡效果得css即可 3、t ransition实现原理:      1、会自动探

  • 10. vue-自定义事件2020-06-18 22:52:48

    1、对于vue来说,它有一个很强大得功能,就是指令系统 v-bind-->: v-on-->@ v-if、v-for、v-model 2、自定义指令 通过自定义指令来完成对DOM得更多操作,并且可以在不同得场景下给我们提供很方便得操作 全局指令:放到任何一个组件中都可以使用(需要把全局指令放在入口文件

  • el-checkbox实现全选与单选2020-06-18 17:01:52

    实现目的:实现全选与多选,点击确定的时候获取每个值的id传给后台 1、HTML 1 <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> 2 <el-checkbox v-for="(city,i) in cities" :label="city.uuid" :key="i&quo

  • Vue---day022020-06-17 22:04:55

    目录3. Vue对象提供的属性功能3.1 过滤器3.1.1 使用Vue.filter()进行全局定义3.1.2 在vue对象中通过filters属性来定义3.4 计算和侦听属性3.4.1 计算属性3.4.2 监听属性3.5 vue对象的生命周期3.2 阻止事件冒泡和刷新页面3.3 综合案例-todolist 3. Vue对象提供的属性功能 3.1 过滤

  • Vue---day012020-06-17 22:03:56

    目录1. vue.js的快速入门使用1.1 vue.js库的下载1.2 vue.js库的基本使用1.3 vue.js的M-V-VM思想1.4 显示数据2. 常用指令2.1 属性操作2.2 事件绑定例如:完成商城购物车中的商品增加减少数量2.3 操作样式2.3.1 控制标签class类名2.3.2 控制标签style样式2.3.2 实例-vue版本选项卡2

  • vue012020-06-17 09:52:14

    Vue 是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <style type="text/css">

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有