内容与属性中间使用JS表达式
来源:互联网 发布:jsp声明调用java类 编辑:程序博客网 时间:2024/05/27 20:52
有时候我们不希望直接在data这个数据库中输入具体的数字,而是希望它定值增长。这个时候也许就要用到表达式了,表达式不仅可以控制页面上的值还可以控制页面上的属性
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="vue.js"></script>
<style type="text/css">
.hd1{
color: green;
}
.hd2{
color: orangered;
}
</style>
</head>
<body>
<div id="tencent">
{{n+4}}
<h1 :class="'hd'+n">你好</h1>
<input type="text" v-model="n"/>
<br />
<br />
<input type="radio" v-model="n" value="1"/>绿色
<input type="radio" v-model="n" value="2" />橙色
</div>
<script type="text/javascript">
var app = new Vue({
el:'#tencent',
data:{
n:1
}
});
</script>
</body>
</html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="vue.js"></script>
<style type="text/css">
.hd1{
color: green;
}
.hd2{
color: orangered;
}
</style>
</head>
<body>
<div id="tencent">
{{n+4}}
<h1 :class="'hd'+n">你好</h1>
<input type="text" v-model="n"/>
<br />
<br />
<input type="radio" v-model="n" value="1"/>绿色
<input type="radio" v-model="n" value="2" />橙色
</div>
<script type="text/javascript">
var app = new Vue({
el:'#tencent',
data:{
n:1
}
});
</script>
</body>
</html>
运行效果如图:
阅读全文
0 0
- 内容与属性中间使用JS表达式
- Vue5_内容、属性中使用表达式
- 在js中使用正则表达式验证输入框内容
- js输入框使用正则表达式校验输入内容示例
- 使用js正则表达式分割内容分别显示
- 使用js获得html控件的style属性内容
- 正则表达式匹配引号中间的内容怎么写?
- 正则表达式匹配双引号中间的内容(双引号除外)
- 正则表达式匹配两个特殊字符中间的内容
- 属性文法与中间代码生成
- js正则表达式的使用与详解
- JS正则截取首尾单双引号中间内容
- 左右内容高度不定,使用border实现中间分割线
- 使用javascript制作窗体弹出在当前内容的中间
- Js对象与属性
- JS属性与方法
- Java替换中使用正则表达式实现中间模糊匹配
- JS正则表达式获取分组内容实例
- SQLServer 的全文索引 的 全文目录出了问题,重新生成没有项计数,而且目录大小总是0MB
- Python while循环
- AddressSanitizer
- Jobdu1452 搬寝室(DP)
- 数据库集群技术
- 内容与属性中间使用JS表达式
- 【Spark2.0源码学习】-9.Job提交与Task的拆分
- Spring配置连接池
- Windows下安装numpy
- map排序,根据key给map排序,根据value给map排序
- 8086标志寄存器笔记
- vim配置
- 刚装Ubuntu16.04我做的一些事…
- Webapp 知识整理