- Webpack中有一个函数 require.context(directory, useSubdirectories = false, regExp = /^\.\//) 1 参数: directory:要搜索的文件夹目录useSubdirectories:是否还应该搜索它的子目录regExp:一个匹配文件的正则表达式 自动注册Vue组件(适用于高频组件) /... Webpack中有一个函数 require.context(directory, useSubdirectories = false, regExp = /^\.\//) 1 参数: directory:要搜索的文件夹目录useSubdirectories:是否还应该搜索它的子目录regExp:一个匹配文件的正则表达式 自动注册Vue组件(适用于高频组件) /...
- Vue.directive文档: https://cn.vuejs.org/v2/guide/custom-directive.html 使用 定义一个按钮级别指令 // 获取用户角色, 可以从cookie中获取 function getRole() { return 'admin' } // 校验用户权限,传入一个数组 function hasPermi... Vue.directive文档: https://cn.vuejs.org/v2/guide/custom-directive.html 使用 定义一个按钮级别指令 // 获取用户角色, 可以从cookie中获取 function getRole() { return 'admin' } // 校验用户权限,传入一个数组 function hasPermi...
- 所谓隔代通信就是A 与C的通信 A -> B -> C 1 代码实例 A.vue <template> <div id="app"> <!-- 此处监听了事件,可以在C组件中直接触发 --> <b-child nameToB="nameToB" nameToC="nameToC" @buttonClick... 所谓隔代通信就是A 与C的通信 A -> B -> C 1 代码实例 A.vue <template> <div id="app"> <!-- 此处监听了事件,可以在C组件中直接触发 --> <b-child nameToB="nameToB" nameToC="nameToC" @buttonClick...
- el-dialog 参数 destroy-on-close,可以刷新里边的子元素 如果套用el-form,需要换成v-if="visible", 关闭对话框就销毁,打开对话框就重建表单,可以触发表单的created事件 参考 element destroy-on-close属性使用踩坑 el-dialog 参数 destroy-on-close,可以刷新里边的子元素 如果套用el-form,需要换成v-if="visible", 关闭对话框就销毁,打开对话框就重建表单,可以触发表单的created事件 参考 element destroy-on-close属性使用踩坑
- 测试环境 利用脚手架生成一个vue项目,需要选择 vue-router # 安装 Vue Cli cnpm install -g @vue/cli $ vue --version 3.12.0 # 创建一个项目 vue create vue-demo 12345678 一、预渲染 1、安装插件 cnpm install prerender-spa-plug... 测试环境 利用脚手架生成一个vue项目,需要选择 vue-router # 安装 Vue Cli cnpm install -g @vue/cli $ vue --version 3.12.0 # 创建一个项目 vue create vue-demo 12345678 一、预渲染 1、安装插件 cnpm install prerender-spa-plug...
- NPM CDN : https://www.jsdelivr.com/ 一、发布一个Vue组件 1、使用webpack-simple 模板项目初始化 vue init webpack-simple moment-ui cd moment-ui cnpm i 12345 2、新建组件 将新建的组件放在plugin文件夹中 src/plugin/Button... NPM CDN : https://www.jsdelivr.com/ 一、发布一个Vue组件 1、使用webpack-simple 模板项目初始化 vue init webpack-simple moment-ui cd moment-ui cnpm i 12345 2、新建组件 将新建的组件放在plugin文件夹中 src/plugin/Button...
- 1、安装 # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create hello-world # 安装vant npm i vant -S # 完整写法:npm install vant --save # 安装插件 npm i babel-plugin-import -D # 完整写法: npm inst... 1、安装 # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create hello-world # 安装vant npm i vant -S # 完整写法:npm install vant --save # 安装插件 npm i babel-plugin-import -D # 完整写法: npm inst...
- 开发环境: vue-cli-service serve //默认:process.env.NODE_ENV=development 1 .evn.development ENV = 'development' VUE_APP_BASE_URL = 'https://development.demo.com' 12 生产环境: vue-cli-service ... 开发环境: vue-cli-service serve //默认:process.env.NODE_ENV=development 1 .evn.development ENV = 'development' VUE_APP_BASE_URL = 'https://development.demo.com' 12 生产环境: vue-cli-service ...
- 1、router-link <router-link :to='url' target='_blank></router-link> 1 2、$router let router = this.$router.resolve( { path: <yourPath>, query: { 'ticket': '123456' }... 1、router-link <router-link :to='url' target='_blank></router-link> 1 2、$router let router = this.$router.resolve( { path: <yourPath>, query: { 'ticket': '123456' }...
- 需求: 多级分类支持多选选择子节点需要把父节点的值也选中,用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点 开发 这个需求使用ElementUI, Cascader 级联选择器 文档: https://element.eleme.cn/#/zh-CN/component/cascader 参数设置 // 筛选项 options:[ { valu... 需求: 多级分类支持多选选择子节点需要把父节点的值也选中,用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点 开发 这个需求使用ElementUI, Cascader 级联选择器 文档: https://element.eleme.cn/#/zh-CN/component/cascader 参数设置 // 筛选项 options:[ { valu...
- 几个实用的 Vue 自定义指令 复制粘贴指令 v-copy 长按指令 v-longpress 输入框防抖指令 v-debounce 禁止表情及特殊字符 v-emoji 图片懒加载 v-LazyLoad 权限校验指令 v-premission 实现页面水印 v-waterMarker 拖拽指令 v-draggable 代码地址: https://github.com/... 几个实用的 Vue 自定义指令 复制粘贴指令 v-copy 长按指令 v-longpress 输入框防抖指令 v-debounce 禁止表情及特殊字符 v-emoji 图片懒加载 v-LazyLoad 权限校验指令 v-premission 实现页面水印 v-waterMarker 拖拽指令 v-draggable 代码地址: https://github.com/...
- 模板地址:https://github.com/mouday/vue-cdn-template 包含的库 Vue.js https://cn.vuejs.org/v2/guide/installation.html Element https://element.eleme.cn/#/zh-CN/component/installation momentjs ... 模板地址:https://github.com/mouday/vue-cdn-template 包含的库 Vue.js https://cn.vuejs.org/v2/guide/installation.html Element https://element.eleme.cn/#/zh-CN/component/installation momentjs ...
- 安装 npm install typescript ts-loader --save-dev 1 vue.config.js configureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, load... 安装 npm install typescript ts-loader --save-dev 1 vue.config.js configureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, load...
- Vue项目使用Vuex保存全局状态。Vuex默认是存储到内存中,如果刷新浏览器状态就会重置。这就需要持久化状态数据。 不过,需要注意的是,有一些数据并不需要持久化。 文档: Vue CLIvuexvuex-persistedstatejs-cookie 项目结构 # 项目结构 $ tree . ├── package.json ├── main.js ├──... Vue项目使用Vuex保存全局状态。Vuex默认是存储到内存中,如果刷新浏览器状态就会重置。这就需要持久化状态数据。 不过,需要注意的是,有一些数据并不需要持久化。 文档: Vue CLIvuexvuex-persistedstatejs-cookie 项目结构 # 项目结构 $ tree . ├── package.json ├── main.js ├──...
- 文章目录 一、前言 二、Vue.js介绍 三、Semantic UI介绍 四、实现愿望清单界面 一、前言 2021年第一个周末,祝各位读者朋友平安顺利。 以前读过一句话:“当你穿过暴风雨的时候,你就不是原来那个人了。” 但他没有说,我们要如何穿过暴风雨。 2020刚开始的时候,我曾觉得冬天无比漫长,似乎没有尽头。到了... 文章目录 一、前言 二、Vue.js介绍 三、Semantic UI介绍 四、实现愿望清单界面 一、前言 2021年第一个周末,祝各位读者朋友平安顺利。 以前读过一句话:“当你穿过暴风雨的时候,你就不是原来那个人了。” 但他没有说,我们要如何穿过暴风雨。 2020刚开始的时候,我曾觉得冬天无比漫长,似乎没有尽头。到了...
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享:开源让物联网平台更开放、易用
2024/05/14 周二 16:30-18:00
张俭 华为云IoT DTSE技术布道师
作为开发者的你是否也想加入开源社区?本期物联网平台资深“程序猿”,开源专家张俭,为你揭秘华为云IoT如何借助开源构建可靠、开放、易用的物联网平台,并手把手教你玩转开源社区!
去报名 -
华为云开发者日·广州站
2024/05/15 周三 14:30-17:30
华为云专家团
华为云开发者日HDC.Cloud Day是面向全球开发者的旗舰活动,汇聚来自千行百业、高校及科研院所的开发人员。致力于打造开发者专属的技术盛宴,全方位服务与赋能开发者围绕华为云生态“知、学、用、创、商”的成长路径。通过前沿的技术分享、场景化的动手体验、优秀的应用创新推介,为开发者提供沉浸式学习与交流平台。开放创新,与开发者共创、共享、共赢未来。
去报名 -
企业级数仓迁移工具助您轻松上云
2024/05/21 周二 16:30-18:00
Nick 华为云数仓GaussDB(DWS)研发专家
随着云时代的到来,传统数仓已无法满足企业的需求,越来越多的企业选择从传统数仓迁移到云数据仓库,云数仓为企业提供了更低的成本、更灵活极致的体验。本期直播将为您带来企业级数仓搬迁的解决方案,带您一览华为云数仓GaussDB(DWS)提供了哪些迁移方案助力用户实现数据迁移,如何保障迁移后数据的一致性。
去报名
热门标签