vuejs的v-for遍历、v-bind动态改变值、v-if进行判断
来源:互联网 发布:数据挖掘 答案 韩家炜 编辑:程序博客网 时间:2024/05/29 10:36
最近学了点vuejs,把学的东西记录下来方便你我他。
vuejs的官方文档:https://vuejs.org/v2/api/ (还是要习惯看官方文档啊同志们~)
1. v-for进行遍历
比如我这里想遍历videos里的所有元素,那么我输入
<div v-for="v in videos">
<a :href="v">啦啦啦</a>
</div>
注意href前面要加冒号“:”,表示这是在进行一次遍历
下面是我运行过的一个复杂一点的代码:
2.v-bind动态改变值
我有一堆视频的链接,想让鼠标移上去的时候显示视频的名字,那么我用title属性,但是我想让title属性动态变化,
那么就需要v-bing了
<a href="#" v-bind:title="video">啦啦啦</a>
v-bind:可以用来动态改变链接的titile的值,这样鼠标放上去之后会显示title中的变量
3.v-if ////v-else进行判断
比如我这里判断abcd是否为空:
<div v-if="abcd">
you can see me
</div>
阅读全文
0 0
- vuejs的v-for遍历、v-bind动态改变值、v-if进行判断
- vue学习01--v-bind:title/v-if/v-for
- v-for v-if
- Vuejs——(4)v-if、v-for
- Vuejs——(4)v-if、v-for
- VUE基本指令(v-model,v-html,v-text,v-bind,v-if,v-show,v-for,v-on:click,组件,过滤器)
- v-for 和 v-if
- vue v-for v-if
- vuejs之v-for的理解
- v-if 判断语句
- vue学习第2天,基础知识,v-bind v-on v-if v-for v-model v-html computed watch methods
- 【原理】vue的v-if和v-else、v-bind实现的登录界面案例
- vuejs中v-bind绑定class时的注意事项
- vue中v-if与v-for的区别
- v-for 遍历
- VUE条件渲染(v-if v-show v-for)
- v-bind
- v-bind
- QML中sql语句的实现
- 动态加载JS脚本
- 51 Nod 1130 N的阶乘的长度 V2(斯特林近似)
- rabbimq 集群部署说明
- 剑指Offer笔记—— 从尾到头打印链表 重建二叉树
- vuejs的v-for遍历、v-bind动态改变值、v-if进行判断
- 我的广告
- 让exe文件开机自启动
- MyBatis-opensession
- 在Java中动态传参调用Python脚本
- 常见设计模式
- vim命令总结
- mysql 级联删除
- Spring+Quartz踩到的坑