vue
blueS~
这个作者很懒,什么都没留下…
展开
-
element table表格头部样式修改
方法有两种 header-cell-style 此种方法是直接返回样式 header-cell-class-name 只是返回一个classelement ui 官方文档 可详细阅读上面两种方法的用法 案例1.header-cell-style<el-table :data="datalist" :header-cell-style="styleFunc"></el-table> styleFunc({row,column,rowIndex原创 2021-02-22 16:25:20 · 5035 阅读 · 0 评论 -
vue 父子组件之间传值(通信)
1.父组件传给子组件在父组件用v-bind 也是缩写的: 绑定要传给子组件的值<template> <div> <parent> <child :parentToChild="value"></child> </parent> </div></templ...原创 2019-09-04 20:52:45 · 175 阅读 · 0 评论 -
在vue中 data是一个对象 或是一个方法的区别
首先说 data在不同状态下到底是对象或function在一个普通的vue实例中 data是一个对象 ,new Vue( { data : { title : ''object" } } );在一个普通的vue实例中 data是一个function ,Vue.component( 'component-name', V...原创 2019-08-15 16:00:18 · 9867 阅读 · 0 评论 -
vue父组件调用子组件的方法
1.有A B C一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一1>.A—(1.绑定要要传的属性— :message=“message”)2>.B—(1.用props接受这个属性— props:{message:String,required:true})一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一1>.B—(...原创 2019-07-05 15:40:52 · 1629 阅读 · 0 评论 -
iview render渲染icon switch img。。。
下面是渲染 按钮 图片 图标 开关的写法 { title: '操作', key: 'action', align: 'center', render: function (h, params) { return h('div', [ ...原创 2019-05-28 14:32:19 · 1960 阅读 · 1 评论 -
循环多个router-link导航栏含可用路由
html代码 <li v-for="item in navs" class="nav"> <router-link class="nav-item" :to="{path: '/' + item.path}">{{item.name}}</router-link> </li>css代码 ....原创 2019-05-26 11:56:19 · 1288 阅读 · 0 评论 -
仕么是vue 通过简单例子认识它
vue:是一个构建数据为驱动的web界面的渐进式框架,MVVM模式, 虚拟DOM为核心,diff算法,它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件跟着例子认识vue吧1.第一步,引入vue.js&lt;script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&gt;&lt;/script&gt;html代码.原创 2018-11-07 14:47:17 · 113 阅读 · 0 评论 -
vue scoped属性的作用
当style标签具有该scoped属性时,其CSS将仅应用于当前组件的元素&lt;style scoped&gt;.example { color: red;}&lt;/style&gt;&lt;template&gt; &lt;div class="example"&gt;hi&lt;/div原创 2018-12-04 10:16:39 · 17544 阅读 · 0 评论 -
router-link-active写导航栏
1.先看看要实现的效果2.下面直接代码啦1>html代码 <ul class="header-nav"> <router-link tag="li" to="/" exact><a>首页</a></router-link> <router-link tag="li" to="/...原创 2019-05-06 10:39:06 · 817 阅读 · 0 评论 -
Vue.config.productionTip = false是啥意思
Vue.config.productionTip = false这句代码是在入口文件里的1.先看看没有这句代码的效果这张图上面 显示出来的就是没有这句代码的效果 他说(You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See ...原创 2019-04-12 11:39:51 · 18902 阅读 · 0 评论 -
在vue中使用sass的配置方法
1.在你需要的项目下安装依赖npm install --save-dev sass-loader //sass-loader依赖于node-sassnpm install --save-dev node-sass2.找到build文件夹下的webpack.base.conf.js文件,3.在rules里添加如下配置4.在你需要的组件的样式标签里应用<style la...原创 2019-04-18 11:51:42 · 327 阅读 · 0 评论