2018年7月25日
router-link 绑定事件的方式
摘要： 实现方法如下 使用.native 实现原生事件 <router-link to="" @click.native="dialogWithdraw=true">跳转</router-link> 阅读全文
posted @ 2018-07-25 15:25 菜鸡~大神 阅读(1662) 评论(0) 推荐(0) 编辑
Vue+element-ui 重置组件样式的写法
摘要： 两种方式实现element-ui组件的样式 方案1：重置的公共组件样式的写法如下 然后在main.js中引入 import '@/assets/css/element.css' 方案2：每个.vue文件 - 组件的细节调整 <template> // 给根元素绑定一个id <div id="home 阅读全文
posted @ 2018-07-25 15:22 菜鸡~大神 阅读(9914) 评论(0) 推荐(0) 编辑
2018年7月24日
vue引入css的两种方式
摘要： 方案1、在main.js中引入方式 import '@/assets/css/reset.css' 方案2、在.vue文件的<style/>标签里面引入 @import "../assets/css/index.css"; 阅读全文
posted @ 2018-07-24 17:37 菜鸡~大神 阅读(8514) 评论(0) 推荐(0) 编辑
Vue文件中引入img 路径写法
摘要： 把图片路径写在data里面，然后渲染模板的两种方式 方案1、在data使用require将图片进入，写法如下 logo: require('../asset/admin/logo.png') 在模板中渲染 <img :src="logo"> 方案2、把图片放在static文件夹中，如下 在data中 阅读全文
posted @ 2018-07-24 17:33 菜鸡~大神 阅读(1859) 评论(0) 推荐(0) 编辑
2018年7月22日
element-ui中 table表格hover 修改背景色
摘要： 增加样式级别就行啦 .el-table--enable-row-hover .el-table__body tr:hover>td{ background-color: #212e3e !important; } 增加样式级别就行啦 .el-table--enable-row-hover .el-t 阅读全文
posted @ 2018-07-22 22:36 菜鸡~大神 阅读(22613) 评论(0) 推荐(4) 编辑
2018年7月19日
vue 中给组建绑定原生事件@click.native=""
摘要： <template> <div class="div"> //组建使用 <v-header @click.native="handleClick"></v-header> </div></template> <script> //引入组建 import vHeader from './compone 阅读全文
posted @ 2018-07-19 23:14 菜鸡~大神 阅读(474) 评论(0) 推荐(0) 编辑
Vue bus的使用（兄弟｜非父子组件传值）-->可以使用一个空的Vue实例作为中央事件总线new Vue()
摘要： 1.在main.js中注册全局的bus Vue.prototype.bus=new Vue(); 2.在组建中使用 子组建使用：this.bus.$emit('自定义事件名',data) methods:{ handleClicks(){ this.bus.$emit('openMenu',true 阅读全文
posted @ 2018-07-19 23:01 菜鸡~大神 阅读(3040) 评论(0) 推荐(0) 编辑
获取网页可视区域的宽高，不包括工具栏和滚动条（浏览器窗口可视区域大小）
摘要： 1.对于IE9+、chrome、firefox、Opera、Safari： window.innerHeight浏览器窗口的内部高度； window.innerWidth浏览器窗口的内部宽度； 2.对于IE8.7.6.5: document.documentElement.clientHeight: 阅读全文
posted @ 2018-07-19 22:42 菜鸡~大神 阅读(790) 评论(0) 推荐(0) 编辑
2018年7月17日
display:inline-block 来解决盒子高度不一样，造成的盒子浮动
摘要： <style> ul{ width: 320px; //给父元素添加这两个属性 font-size: 0px; text-align: center/left; } li{ width: 100px; height: 100px; margin-right: 10px; margin-bottom: 阅读全文
posted @ 2018-07-17 23:10 菜鸡~大神 阅读(599) 评论(0) 推荐(0) 编辑
Jquery UI 中的datepicker() ,获取日期后的回调函数onClose()
摘要： <head> //引入相关的css/js <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="jquery-3.3.1.min.js"></sc 阅读全文
posted @ 2018-07-17 22:56 菜鸡~大神 阅读(916) 评论(0) 推荐(0) 编辑