vue

文章目录 Html 1.小demo，图片，有序无序标签 2.输入框input标签，超链接，顶部跳转 3.表格标签 4.form标签-提交数据 5.提交数据三个要求： 6.提交数据的两种方式：get和post 7.method，action 8.div,p，span 9.音频，视频 image-20211206172337778 10.value，checked css css分类 测试css出现的…

1. vue异步组件技术 vue-router配置路由，使用vue的 异步组件 技术，可以实现按需加载。 但是，这种情况下一个组件生成一个js文件。 举例如下： { path: '/promisedemo', name: 'PromiseDemo', component: resolve => require(['../components/PromiseDemo'], resolve) }…

在前端开发中可能会遇到将相同的功能模板集合成一个组件，供他人调用，这样可以减少重复造轮子，也可以节约人力、财力，更能够提高代码的可维护度；下面将通过详细的步骤教你如何构建一个Vue前端组件。 1、在本机上安装好NodeJs，并配置好环境变量 （1）NodeJs的下载地址： 点击进入下载页面 我这里是下载64位Windows安装包(.msi)，大家可以根据自己电脑系统选择相应的版本即可。 （2）下载…

前言 不管是移动端，还是pc端，可能都会有用户登录操作，不同的用户之间又拥有不同的角色，而不同角色之间势必存在不同的权限； 如果按照类型划分，大概可分为三类：菜单权限、按钮权限、数据权限； 数据权限：前端在请求头统一封装，携带用户信息，由后端解析返回； 菜单权限：通过element菜单组件实现； 按钮权限：通过自定义指令实现； 菜单权限&按钮权限：本质上也是通过数据权限，由后端返回当前用户…

创建vue手脚架项目报错 问题描述 vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND github.com 问题分析 可能是GitHub被墙了，但是我用了梯子还是init失败。首先需要去查看一下该安装的东西是否都安装好了： 若没安装好，可以自行百度安装。 问题解决 步骤1 若有梯子，大家…

一、重要部分 1、 注意 <component :is=item.content></component>  ：表明模板 <el-tab-pane v-for="(item) in editableTabs" :key="item.name" :label="item.title" :name="item.name" > <component :is=it…

原： <script> export default { head() { return { title: '标题' } } } </script> 改为： <script> export default { mounted() { if (process.client) { document.title = '标题' } } } </script>…

首先，既然选择了boot2.0+vue前后端分离了，为啥还要打成一个war进行部署呢，因为小作坊没有住专门的运维人员，我们这很多时候都是开发人员直接维护，那么打成war的话会比较方便后期的维护 1、vue打包 本人主攻后端，对于vue不是很熟悉，所以只能列出几个修改的点并作出几个简单的说明，具体为啥这样改真的不清楚呢 a、config/index.js b、build/util.js  （ 用于解…

文章目录 零、总结 半、本篇目的 一、安装 VirtualBox 二、下载Windows11镜像 二、下载Windows11镜像(替代步骤) 三、创建虚拟电脑 其他、设置Win11系统(可选步骤) 四、安装node.js 五、安装Git 六、下载electron-egg 七、设置镜像源并npm install 八、真正的启动 只想使用electron . 启动 九、预发布模式，测试一下功能是否正常…

一、需求说明： 1.一个页面，有两个可以切换的tab页，上拉加载数据。 2.在进行tab页切换的时候，首次会调用两次接口，出现数据重复的现象（虽然在数据处理的时候可以用去重解决，但不是最好的方法）。 3.最后采用原生的滚动事件监听。 4.最后找到的原因是由于其他功能设置引起的没有数据也有整屏幕的高度，因此vant组件调用了两次列表查询接口。 二、解决方案 mounted() { //列表查询方法 …