- Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，封装很多常用组件，官网是https://element.eleme.cn/#/zh-CN/component/installation，下面就简单介绍 element。 安装和引入 npm i element-ui -Snpm ins... Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，封装很多常用组件，官网是https://element.eleme.cn/#/zh-CN/component/installation，下面就简单介绍 element。 安装和引入 npm i element-ui -Snpm ins...
- 前后端分离项目中 交互的往往是json 所以需要通过json告知前段登录是否成功 SpringSecurityConfig 修改SpringSecurityConfig （其他配置已经删除） 在其中配置AuthenticationFailureHandler ，AuthenticationSuccessHandler ... 前后端分离项目中 交互的往往是json 所以需要通过json告知前段登录是否成功 SpringSecurityConfig 修改SpringSecurityConfig （其他配置已经删除） 在其中配置AuthenticationFailureHandler ，AuthenticationSuccessHandler ...
- 组件的生命周期 <template><div> <button v-on:click = "clickButton" name = "button" type = "button">按钮</button> {{message}}</div></templat... 组件的生命周期 <template><div> <button v-on:click = "clickButton" name = "button" type = "button">按钮</button> {{message}}</div></templat...
- 1.查看镜像 docker search nginx 2.拉取镜像 docker pull nginx 3.查看镜像 docker images 4.运行镜像（需要将dist放于/usr/local/nginx/system中） docker run --name nginx -d -p 80:80 --net... 1.查看镜像 docker search nginx 2.拉取镜像 docker pull nginx 3.查看镜像 docker images 4.运行镜像（需要将dist放于/usr/local/nginx/system中） docker run --name nginx -d -p 80:80 --net...
- 最近因为因为项目的原因，一直在寻找一款合适的前端模版，之前的 Vue 前端页面都是自己写的，写多了就烦了，因为功能都差不多，写来写去就没意思了。 所以在新项目中想看看市面上的 Vue 后台管理模版，找个现成的，改一改基本就 OK 了，团队也省事一些。 老实说，Vue 的生态还是相当丰富的，经典的、新生的后台管理框架都有，我这里和大家分享我们这次重点比较的三个。 v... 最近因为因为项目的原因，一直在寻找一款合适的前端模版，之前的 Vue 前端页面都是自己写的，写多了就烦了，因为功能都差不多，写来写去就没意思了。 所以在新项目中想看看市面上的 Vue 后台管理模版，找个现成的，改一改基本就 OK 了，团队也省事一些。 老实说，Vue 的生态还是相当丰富的，经典的、新生的后台管理框架都有，我这里和大家分享我们这次重点比较的三个。 v...
- 代码示例 <div id="app"> <global-child></global-child> <local-child></local-child> </div> <script src="./vue.js"></script> <script> Vu... 代码示例 <div id="app"> <global-child></global-child> <local-child></local-child> </div> <script src="./vue.js"></script> <script> Vu...
- 代码示例 <html> <head> <!-- 引用jQuery --> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <!-- 引用Vue --> <script src="https... 代码示例 <html> <head> <!-- 引用jQuery --> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <!-- 引用Vue --> <script src="https...
- router.beforeEach(({ to, from, next }) => { document.title = to.meta.title || 'XXX.COM' }) 12345 router.beforeEach(({ to, from, next }) => { document.title = to.meta.title || 'XXX.COM' }) 12345
- 时间范围选择 <template> <el-date-picker v-model="value" type="daterange" @change="handleDateChange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format=... 时间范围选择 <template> <el-date-picker v-model="value" type="daterange" @change="handleDateChange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format=...
- 1、首先是一个简单的示例 三个文件 app.vue # 自定义的业务，调用自己封装的组件child.vue child.vue # 自己封装的第三方组件plug.vue，便于上层调用 plug.vue # 第三方组件，提供v-model数据绑定 123 调用层次结构 app -> child -> plug 1 child在这里起到一个承上启下的... 1、首先是一个简单的示例 三个文件 app.vue # 自定义的业务，调用自己封装的组件child.vue child.vue # 自己封装的第三方组件plug.vue，便于上层调用 plug.vue # 第三方组件，提供v-model数据绑定 123 调用层次结构 app -> child -> plug 1 child在这里起到一个承上启下的...
- 文档： https://www.npmjs.com/package/vue-clipboard2 安装 npm install --save vue-clipboard2 1 使用 main.js import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipb... 文档： https://www.npmjs.com/package/vue-clipboard2 安装 npm install --save vue-clipboard2 1 使用 main.js import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipb...
- prop 父组件向子组件传递数据, 单向绑定 $refs 父组件调用子组件里的属性和方法 $emit 子组件向父组件传递消息 新建项目 $ vue create demo $ cd demo $ npm run serve 123 1、父组件引用子组件 components/Child.vue <template> <h2>子组件&... prop 父组件向子组件传递数据, 单向绑定 $refs 父组件调用子组件里的属性和方法 $emit 子组件向父组件传递消息 新建项目 $ vue create demo $ cd demo $ npm run serve 123 1、父组件引用子组件 components/Child.vue <template> <h2>子组件&...
- vue项目中background-image属性设置方法 方式一：直接访问 在vue-cli项目中的放在public目录下的资源会被直接复制，不会经过webpack的打包处理。 <span class="item-icon"></span> <style> .item-icon { width: 20px; heigh... vue项目中background-image属性设置方法 方式一：直接访问 在vue-cli项目中的放在public目录下的资源会被直接复制，不会经过webpack的打包处理。 <span class="item-icon"></span> <style> .item-icon { width: 20px; heigh...
- 结论： .sync 和v-model两者的本质都是语法糖， 目的都是实现组件与外部数据的双向绑定。 v-model 是 .sync的一种体现。.sync 比较灵活;v-model较单一 .sync修饰符 父组件 <comp :foo.sync="bar" ></comp> // 等价于, 组件属性名称一致,默认事件update <c... 结论： .sync 和v-model两者的本质都是语法糖， 目的都是实现组件与外部数据的双向绑定。 v-model 是 .sync的一种体现。.sync 比较灵活;v-model较单一 .sync修饰符 父组件 <comp :foo.sync="bar" ></comp> // 等价于, 组件属性名称一致,默认事件update <c...
- 插槽属性prop的使用示例 文档：https://cn.vuejs.org/v2/guide/components-slots.html 子组件 <template> <div class=""> <span v-for="item in list"> <slot v-bind="item">{{item.nam... 插槽属性prop的使用示例 文档：https://cn.vuejs.org/v2/guide/components-slots.html 子组件 <template> <div class=""> <span v-for="item in list"> <slot v-bind="item">{{item.nam...
上滑加载中
推荐直播
1
-
-
HDC深度解读系列 - AI时代的华为开发者空间2025/07/24 周四 16:30-18:00
Edwin 华为开发者空间产品总监 姚圣伟 HCDG天津核心组代表&HCDE
继HDC发布开发者空间新特性后，本期直播聚焦华为开发者空间核心升级，邀您一起深度解读其如何赋能AI时代智能应用开发，解锁开发新体验
回顾中 -
华为云师资培训——《云计算》课程2025/07/29 周二 15:00-16:30
郭源潮 DTSE开发者技术专家
华为云师资培训直播，带您掌握产业级云计算课程体系与华为开发者空间实战能力，助力高校数字化转型！
回顾中 -
-
HDC深度解读系列 - AI时代的华为开发者空间
2025/07/24 周四 16:30-18:00
Edwin 华为开发者空间产品总监 姚圣伟 HCDG天津核心组代表&HCDE
继HDC发布开发者空间新特性后，本期直播聚焦华为开发者空间核心升级，邀您一起深度解读其如何赋能AI时代智能应用开发，解锁开发新体验
回顾中
热门标签
