摘要: 调色器测试 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> p.picker{ width: 200px; height: 200px; } </style> </head> <body> <d 阅读全文
posted @ 2022-05-19 18:18 爱豆技术部 阅读(37) 评论(0) 推荐(0)
摘要: 评论框架 当文字超过100,发布无法使用 当0时则清空无法使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <textarea v-model = 阅读全文
posted @ 2022-05-19 17:53 爱豆技术部 阅读(42) 评论(0) 推荐(0)
摘要: 使用v-model双向绑定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <h3>个人信息表单</h3> <p> 姓名:<input type="t 阅读全文
posted @ 2022-05-19 16:51 爱豆技术部 阅读(26) 评论(0) 推荐(0)
摘要: 使用v-bind动态加载内容 v-bind简写: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> p{ width: 200px; height: 200px; background-color 阅读全文
posted @ 2022-05-19 15:40 爱豆技术部 阅读(44) 评论(0) 推荐(0)
摘要: 使用v-cloak禁止显示渲染代码的元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.min.js"></script> <style> //设置禁止显示渲染之前的元 阅读全文
posted @ 2022-05-19 12:07 爱豆技术部 阅读(40) 评论(0) 推荐(0)
摘要: 使用v-for遍历案例 打印九九乘法表 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> table,td{ border: 2px solid red; border-collapse: col 阅读全文
posted @ 2022-05-19 11:34 爱豆技术部 阅读(52) 评论(0) 推荐(0)
摘要: 使用v-if案例 需求:点击三次触发事件;弹出及Dom元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.min.js"></script> </head> <body 阅读全文
posted @ 2022-05-19 10:30 爱豆技术部 阅读(73) 评论(0) 推荐(0)
摘要: 如何成功引入Vue 当出现此function对象即为成功引入 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> //导入Vue生产版文件--这里对比开发文件去掉了多余的注释和格式 //只需创建Vue.js文件 阅读全文
posted @ 2022-05-19 10:24 爱豆技术部 阅读(177) 评论(0) 推荐(0)