![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 93
我是小金毛
我是小金毛
展开
-
Vue自定义指令简单使用 -- 柚子真好吃
Vue自定义指令简单使用 -- 柚子真好吃一、简介二、钩子函数三、钩子函数参数四、简单例子一、简介除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。二、钩子函数一个指令定义对象可以提供如下几个钩子函...原创 2020-02-10 14:25:42 · 113 阅读 · 0 评论 -
Vue 条件渲染(v-if)·列表渲染(v-for)·事件渲染(v-on) -- 柚子真好吃
Vue 条件渲染 v-if·列表渲染 v-for·事件渲染 v-on -- 柚子真好吃一、条件渲染二、列表渲染一、条件渲染v-if官方文档解释v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <h1 v-if="awesome">Vue is awesome!</h1>也可以用 v-else 添加一个“...原创 2020-02-08 12:05:46 · 1161 阅读 · 0 评论 -
Vue 文本与属性绑定,计算属性computed,侦听器watch -- 柚子真好吃
Vue 文本与属性绑定,计算属性computed -- 柚子真好吃一、文本绑定(双向绑定)二、属性绑定一、文本绑定(双向绑定)下面为Vue官网教程:数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值: <span>Message: {{ msg }}</span>Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论...原创 2020-02-07 14:03:43 · 251 阅读 · 0 评论 -
Vue组件间传值(父传子/子传父) -- 柚子真好吃
Vue组件间传值 父传子/子传父 -- 柚子真好吃一、父组件向子组件传值二、子组件向父组件传值一、父组件向子组件传值父组件使用v-bind绑定数据子组件使用props接收数据下面附代码Father.vue<template> <div> <Childen v-bind:FatherData="FatherData"></Chil...原创 2020-02-05 13:01:51 · 162 阅读 · 0 评论 -
Vue 修改el-table 背景颜色,鼠标移入时颜色变换
Vue 修改el-table 背景颜色,鼠标移入时颜色变换一、表格样式展示二、el-table背景颜色三、hover样式修改该文章在搭建完Vue-cli环境同时实现el-table的展示。如果想了解构建表格请访问我之前的文章:点击跳转一、表格样式展示表格代html码如下<div class="tableMain"> <el-table :data="ta.........原创 2019-11-29 15:03:48 · 28341 阅读 · 4 评论 -
Vue+JavaScript获取当前时间,实现实时更新 --柚子真好吃
Vue+JavaScript获取当前时间,实现实时更新 --柚子真好吃一、获取当前时间二、时间展示三、实时更新该文章在搭建完Vue-cli项目的基础上进行讲解。一、获取当前时间‘script’中的代码如下。<script> export default{ name:"showTime", data(){ return{ ti...原创 2019-11-28 15:39:38 · 305 阅读 · 0 评论 -
Vue + Element UI 实现对表格的增加,删除以及修改功能(附代码+整体思路) --柚子真好吃
Vue + Element UI 实现对表格的增加,删除以及修改功能 --柚子真好吃一、表格代码准备二、增加功能该文章在表格成功展示的基础上进行维护,包含整体设计思路适用于新人上手。表格构建请参考: https://blog.csdn.net/baidu_39265156/article/details/103216161文章源码参考:https://github.com/Reckless...原创 2019-11-28 11:08:10 · 6347 阅读 · 8 评论 -
Vue 使用 ElementUI 构建表格 --柚子真好吃
Vue 使用 ElementUI 构建表格 --柚子真好吃一、安装Element二、前台代码注:该文章内容在搭建好vue-cli的环境下进行。文章代码参考:https://blog.csdn.net/liaoxuewu/article/details/81184821一、安装Element登录element官网查看教程:https://element-angular.faas.ele...原创 2019-11-23 17:50:09 · 987 阅读 · 0 评论