![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
遇见csm
这个作者很懒,什么都没留下…
展开
-
浅谈vue中慎用style的scoped属性
在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块,这是一个非常好的举措,但是为什么要慎用呢?因为在我们需要修改公共组件(三方库或者项目定制的组件)的样式的时候,scoped往往会造成更多的困难,需要增加额外的复杂度。scoped三条渲染规则给HTML的DOM节点加一个不重复data属性(形如:data-v-2...原创 2018-12-14 14:55:51 · 1758 阅读 · 0 评论 -
vue 制作进度条
简易的进度条,百分比显示在进度条上,代码如下:HTML:<div class="progressContainer"> <div class="progress" :style="{width:progress+'%'}"> <b>{{progress}}%</b> </div&a原创 2018-12-20 09:10:02 · 4479 阅读 · 0 评论 -
Vue2.0 搭建Vue脚手架(vue-cli)
效果图:echarts有个formatter这个方法让大家自己去自定义标签的输出形式,可塑性就变的非常高了。此外,echarts有自己的监听器,只需要通过on绑定一个mouseover就可以让鼠标经过这个canvas触发一系列变化。完整的代码如下:(请在echarts官网下载echarts.min.js,即可直接复制运行这段代码。请看文件引用的路径,确保文件被正确引入)&lt;!DOCTY...原创 2018-12-20 09:18:52 · 228 阅读 · 0 评论 -
Vue父组件向子组件传递一个动态的值,子组件如何保持实时更新实时更新?
方法一:子组件watch(监听)父组件数据的变化watch基础类型的变量data() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}数组的watchdata(...原创 2018-12-14 15:17:27 · 1931 阅读 · 0 评论 -
vue props传递数组子组件获取不到
1. 问题描述在子组件定义了srcList props:{ width:Number, height:Number, name:String, size:String, srcList:Array, multiple:Boolean }...原创 2018-12-14 15:47:38 · 11931 阅读 · 2 评论 -
vue watch怎样同时监听两个值的变化并执行方法?
用computed定义一个changeData对象吧,然后再去watch changeDatacomputed: { changeData() { const { index, columName,columData} = this return { index, columName, col...原创 2018-12-14 15:53:03 · 14398 阅读 · 1 评论 -
vue 将一个变量作为methods名
其中buttonMethods 里的参数为该按钮实际调用的method<el-button v-for="button in buttonArr" @click="buttonMethods(button.function)">{{button.label}}</el-button> 其中 this.$options.methods是查询该组件下的所有meth...原创 2018-12-14 16:05:02 · 3777 阅读 · 3 评论 -
vue--mounted 钩子函数
1.钩子函数钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。2.相对于前端来讲对于前端来说,钩子函数就是指再所有函数执行前,我先执行了的函数,即 钩住我感兴趣的函数,只要它执行,我就先执行。3.vue中的mounted在这发起后...原创 2018-12-14 16:11:36 · 5670 阅读 · 0 评论