![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习
向子龙
会当凌绝顶,一览众山小。
展开
-
VUE动态绑定Css样式、Style行内样式
VUE动态绑定Css样式、Style样式一、背景这两天做的uniapp项目开发的时候遇到了动态写css样式的问题了,因为uniapp的语法是vue的语法,所以uniapp的样式问题主要也就是vue的样式问题,一直以来这一块自己也没有好好的总结过,特此总结。二、栗子思路,主要是在data、methods、computed三个地方定义变量、方法或者计算属性来给出指定的背景。(1)css动态样式(data数据)<template> <view> <view :cla原创 2020-08-15 14:42:20 · 17070 阅读 · 1 评论 -
Vue和uniapp中v-if绑定数组中的布尔值没有效果
标题Vue和uniapp中v-if绑定数组中的布尔值没有效果1、实际场景(1)js代码里data(){ list:[true,false]}(2)页面中<div> <div v-if='list[0]'>我应该显示<div> <div v-if='list[1]'>我应该隐藏</div></div>(3)实际结果实际是两个Div都是隐藏的,2、解决办法在vue项目和uniapp项目中都是一样的结果,目前还原创 2020-07-30 06:02:50 · 5745 阅读 · 0 评论 -
vue + element-ui 对复杂对象型数组进行表单验证
标题 项目开发中vue + element-ui 对复杂对象型数组进行表单验证需求场景在最近的项目开发中,里面有个模块是关于采购系统的,采购避免不了做采购的台账信息表单,而采购的信息复杂且是动态添加的,所以也需要最复杂对象数组遍历循环添加验证。先添加一个图片1-1,这个验证的效果图。这里对一些可能的小疑问做一下简要回答啊。疑惑1:比如为什么规格不做校验,因为规则和食材数组是绑定的,这在...原创 2020-03-09 11:57:18 · 10288 阅读 · 10 评论 -
vue.js中使用iframe后,子页面调用不了父页面的方法和值
1、场景父页面:<div v-if='bloonArr[2].show' style="width:'80%';margin:0 5% 0 25%;"> <iframe src="test/son.html" ></iframe> </div><script> var vmFather = new ...原创 2020-03-16 16:40:21 · 1786 阅读 · 0 评论 -
vue基本语法使用
201911081、插件表达式:{{}}(1)例子:<p>{{msg}}</p>(2)作用: 用于传递vue对象中定义的数据变量,双向绑定的,vue对象中的数据和页面中数据是跟随对方变化而变化的。2、常见指令:v-cloak、v-bind、v-on、v-model、v-for、v-if、v-show(1)v-cloak ①例子:<style...原创 2019-11-08 15:34:27 · 363 阅读 · 0 评论