随笔分类 -  VUE+element ui

摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-12-07 11:24 优敏行 阅读(24) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-12-07 10:37 优敏行 阅读(52) 评论(0) 推荐(0) 编辑
摘要:Attributes are additional information provided by HTML elements。 利用HTML的属性工具,就完全可以为网页开发,带来很多的属性,很多的功能添加,这样子网页就不显得那么土的了。 用Vue框架写前端代码 <template> <div> < 阅读全文
posted @ 2021-12-06 11:30 优敏行 阅读(23) 评论(0) 推荐(0) 编辑
摘要:JavaScript代码 1 <script> 2 //复制JavaScript代码, 写接口代码去测试 辛巳日 3 import VueUeditorWrap from "vue-ueditor-wrap"; // ES6 Module 4 import url from "@/plugins/u 阅读全文
posted @ 2021-11-29 17:42 优敏行 阅读(44) 评论(0) 推荐(0) 编辑
摘要:把现实事情转换为代码能力的锻炼 用Vue框架,展示前端功能的练习,与锻炼 阅读全文
posted @ 2021-11-24 17:51 优敏行 阅读(78) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <!-- <p>开团表</p> --> <!-- 1 开团记录表 --> <el-breadcrumb> <el-breadcrumb-item> <router-link to="/">首页</router-link> </el-breadcrumb-item> 阅读全文
posted @ 2021-09-01 12:15 优敏行 阅读(34) 评论(0) 推荐(0) 编辑
摘要:1 <template> 2 <div> 3 <!-- TrainInfo1 --> 4 <!-- 导航 write--> 5 <el-breadcrumb> 6 <el-breadcrumb-item> 7 <router-link to="./">首页</router-link> 8 </el- 阅读全文
posted @ 2021-08-05 16:03 优敏行 阅读(125) 评论(0) 推荐(0) 编辑
摘要:除了模板中常规的功能之外,还包含了 1 枚举类 2 下拉多选功能 效果: 展示字段的增加 <template> <div> <!-- <h1>这是一个标题</h1> --> <!-- 导航 Question--> <!-- 这是最外层的一个面包屑标签 --> <el-breadcrumb> <!-- 阅读全文
posted @ 2021-08-04 16:15 优敏行 阅读(710) 评论(0) 推荐(0) 编辑
摘要:element就是一个组件库的, 多加了JavaScript代码,其他也没什么的了。犹如小程序 。 还是说把JavaScript代码,学好。那么后面的代码,写起来,其实不说易如反掌也差不多的了。 组件就是封装的一个一个的功能封装,小功能封装。 犹如大机器,这里一个小螺丝,哪里一个螺丝帽,然后组合起来 阅读全文
posted @ 2021-07-20 21:57 优敏行 阅读(232) 评论(0) 推荐(0) 编辑
摘要:1 <template> 2 <div> 3 <!-- 9 drawer 抽屉 --> 4 <el-radio-group v-model="direction"> 5 <el-radio label="ltr">从左往右开</el-radio> 6 <el-radio label="rtl">从右 阅读全文
posted @ 2021-07-20 21:49 优敏行 阅读(296) 评论(0) 推荐(0) 编辑
摘要:效果 vue代码 1 <template> 2 <!-- link 文字链接 vue程序代码测试练习 --> 3 <div> 4 <el-link href="https://element.eleme.io" target="_blank">默认链接</el-link> 5 <el-link ty 阅读全文
posted @ 2021-07-20 19:12 优敏行 阅读(1028) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-07-20 15:00 优敏行 阅读(34) 评论(0) 推荐(0) 编辑
摘要:效果: <!-- xiala.vue代码 --> 1 <template> 2 <el-select v-model="value" placeholder="请选择"> 3 <el-option 4 v-for="item in options" 5 :key="item.value" 6 :la 阅读全文
posted @ 2021-07-20 14:13 优敏行 阅读(164) 评论(0) 推荐(0) 编辑
摘要:重新测试vue 视频分类. 好歹能登录进来。 1 获取分类。 以为只写一个表,。 不知道怎么走,可以console.info(打印的参数); 阅读全文
posted @ 2021-07-19 17:44 优敏行 阅读(219) 评论(0) 推荐(0) 编辑
摘要:效果; 代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1. 阅读全文
posted @ 2021-07-18 14:32 优敏行 阅读(34) 评论(0) 推荐(0) 编辑
摘要:效果: 代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文
posted @ 2021-07-18 14:15 优敏行 阅读(65) 评论(0) 推荐(0) 编辑
摘要:效果: 代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文
posted @ 2021-07-18 14:10 优敏行 阅读(19) 评论(0) 推荐(0) 编辑
摘要:成功显示 里面内容不显示,是代码复制,写的有问题。 还得用网页格式辅助着写,否则还是生疏呢! 网页测试 效果 代码 初始vue 1 想让vue工作, 就必须创建一个vue实例,并且要传入一个配置对象 2 root容器里面的代码依然符合HTML规范,只不过混入了一些特殊的vue语法 3 root容器里 阅读全文
posted @ 2021-07-18 14:00 优敏行 阅读(172) 评论(0) 推荐(0) 编辑
摘要:安装代码提示插件。 用这个插件。 写代码 2 写好代码,要加路由的啊! 复习看过去的代码。 换一个,能写的进行测试的了。 过去文件,测试3 不仅仅路由加了,app.vue里面同样要写入的! 只是这个不太会写。 。。。 终于显示出来,并全面没有报错 修改加入代码了。 1 //1 加路由 2 { 3 p 阅读全文
posted @ 2021-07-18 13:17 优敏行 阅读(133) 评论(0) 推荐(0) 编辑