vue.js的一个简单实例
来源:互联网 发布:淘宝网店货源哪里找 编辑:程序博客网 时间:2024/06/10 03:12
<html> <head> <script type="text/javascript" src="vue.js"></script> </head> <style> .class-a{background:#ffee00} .class-b{background:#ff0000} </style> <body> <div id="app"> <select v-model="sel" v-on:change="changeColor"> <option value="#c40000" selected>深红</option> <option value="#ff0000">鲜红</option> <option value="#0000FF">蓝色</option> </select> <input v-model="newTodo" v-bind:style="styleObject"> </div> </body></html><script>new Vue({ el: '#app', data: { sel:'', newTodo: '', styleObject:{ 'background':'#c40000' } }, methods: { changeColor:function(){ var val = this.sel; if(val){ this.styleObject.background = val; } } }})</script>
1 0
- vue.js的一个简单实例
- webpack+Vue.js+vue-router的一个简单实例应用
- vue.js简单实例
- 一个简单的 vue.js 实践教程
- 一个简单的 vue.js 实践教程
- Vue.js+Vuex:一个简单的记事本
- 一个简单的例子入门Vue.js
- 一个简单的demo学习Vue.js
- 使用 Vue.js 制作一个简单的调查问卷平台
- 用Vue.js实现一个简单的搜索框
- 使用 Vue.js 制作一个简单的调查问卷平台
- vue.js之简单综合实例
- Vue实例的简单方法
- vue-cli的构建+Vue的超级简单实例
- vue.js对表格的操作实例
- vue+vueRouter+webpack的简单实例
- Vue实例的一些简单方法
- Vue实例的一些简单方法
- smb通过文件管理器输入url链接出错
- dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算
- BaseAdapter的封装
- wxPython绘图
- *浙大PAT甲级 1108
- vue.js的一个简单实例
- CutterMan 一款神奇的切图工具
- 天猫旗舰店保单同步出单请求问题
- 用户组与权限管理
- Jack Straws Poj 1127
- CSS之DIV布局样式class
- maven parent pom.xml
- MultiView和View控件
- Laravel引入第三方库的方法