![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
文章平均质量分 57
小宋子
这个作者很懒,什么都没留下…
展开
-
Vue中的数据代理
最近学习了下Vue中的数据代理,便于自己理解,在此记录下,希望对看此文章的你有帮助。什么是数据代理在理解数据代理之前要对 Object.defineProperty()比较熟悉,因为Vue中很多底层的数据代理都是使用Object.defineProperty()来实现的。数据代理:简单的说就是通过一个对象代理对另一个对象中属性的操作(读/写)<script> // 最简单的数据代理例子 let obj1 = {x:1}; let obj原创 2021-12-09 18:02:24 · 1232 阅读 · 0 评论 -
使用vuecli简单搭建vue项目
一、首先你的电脑要满足环境。保证你的电脑上已经安装了node.js**, 没有安装的话 ,可以进行管网下载安装。**1、https://nodejs.org/en/2、安装完成以后,检测node是否安装成功,cmd — >node -v 来判断是否安装成功,看到版本号,说明已经安装成功了。3.node安装成功后,npm包管理器会自动安装,使用npm -v 查看npm是否安装成功4.全局安装vue-cli脚手架 npm install -g vue-cli二、npm包管理器和vue-原创 2020-07-10 11:42:34 · 78 阅读 · 0 评论 -
vue.js 使用v-for 循坏的多个table 如何去区分
在项目中遇到这样一个问题,同一个页面上有多个table,这多个table是使用v-for循环出来的,每个table中都有一个颜色变色器,修改每个table的颜色变色器 ,保存的时候发现修改后的颜色没有保存成功,经过测试发现修改每个table的颜色变色器时,不知道修改的是哪个table的数据,后来经过认真读取iview的文档才发现解决方法,在此记录下 。最初是使用“颜色设置”一列 使用render函数实现的 如下代码//使用的iview组件中的table <div v-for="(item,in原创 2020-07-08 14:18:42 · 3210 阅读 · 1 评论 -
vue如何动态的绑定style样式
<span v-else class="nvwa-iconfont" :style="{'color':cNodeColor,'font-size': '14px'}" :class="row.flag === 1 ? 'icon-_Txiaoxitishi':'icon-_Tchenggongtishi'"> </span> // :style="{'color':row.cNodeColor,'font-size': '14px..原创 2020-07-08 12:06:10 · 8947 阅读 · 0 评论 -
vue.js 中 v-for 循环动态循环的div,并列一排,如果使最后一个div没有margin-right:10px
<div v-for="(node,index) in circlesTemp" class="bgColorJq" :class="(index + 1) % circlesTemp.length == 0 ?'noright':'margin-right-10'" :style="{'background-color':node.bgColor}"> </div> // 1、在vue中 class 与 :class 是不冲突的,// 2、(index +原创 2020-07-07 16:45:58 · 3206 阅读 · 0 评论 -
vue.js中如何实时获取某个div的offsetWidth的变化
在写vue的项目时,遇到这样一个问题,就是如果实时获取到一个div的offsetWidth的变化,查了很多资料使用element-resize-detector插件可以实现, 偶然间看到一个知乎上的简单回答,便记录下,借鉴于:https://www.zhihu.com/question/346607121/answer/827773405 mounted() { const resizeObserver = new ResizeObserver(entries => {原创 2020-07-07 16:26:07 · 4299 阅读 · 2 评论