hhtSeeTheWorld的博客

<el-form-item label="类型：" prop="type"> <el-select v-model="storageBinRule.type" style="width: 100%" placeholder="请选择"> <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" ..

项目完成后,产品又提新需求,通过拖动能够改变下面的组织顺序,又给我增加了好大的工作量!先吐槽产品一波,怎么早先不想好呢!首先要想实现拖动改变顺序,那我从后端查询得来的数据treeList首先就必须有顺序,后端为了实现节点有顺序—在实体类中又增加了一个字段原先类实体public class OrgNode { private String id; private String name; private String parentId;}增加了一个brother

$route和$router是有区别的$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法$route为当前router跳转对象里面可以获取name、path、query、params等

先从创建项目开始随便点击一个 网址可以打开页面以上我们项目就创建好了下面开始安装vue-router执行命令npm install vue-router --saveimport Vue from 'vue'import VueRouter from "vue-router";//1.注入插件Vue.use(VueRouter)//2.定义路由const routes=[]//3.创建路由实例const router=new VueRouter({

我们选择 是然后会让我们给这个配置起一个名字以上 项目就创建好了点击地址进入vue初始页面

URL的hashURL的hash也就是锚点(#), 本质上是改变window.location的href属性.我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新首先打开浏览器的按F12打开 开发者工具HTML5的history模式history接口是HTML5新增的, 它有五种模式改变URL而不刷新页面.1.history.pushState()2.HTML5的history模式：replaceState3.HTML5的history模式：go

// 箭头函数: 也是一种定义函数的方式// 1.定义函数的方式: functionconst aaa = function () {}// 2.对象字面量中定义函数const obj = {bbb() {}}// 3.ES6中的箭头函数// const ccc = (参数列表) => {//// }const ccc = () => {}// 1.参数问题:// 1.1.放入两个参数const sum = (num1, num2) => {retur

vue-cli3配置去哪里了？UI方面的配置启动配置服务器：vue ui随便在 一个终端执行命令 vue ui 启动 配置服务器git status 查看文件 状态刚刚 点击 去人提交 到 Git只相当于 git add我们在 执行 命令git commit -m ‘第一次提交vue-cli3项目’我们在想 提交 到 远程 服务器 还需要 连接 远程 服务器没有 push ,到时 提交 到本地...

认识Vue CLI3vue-cli 3 与 2 版本有很大区别vue-cli 3 是基于 webpack 4 打造，vue-cli 2 还是 webapck 3vue-cli 3 的设计原则是“0配置”，移除的配置文件根目录下的，build和config等目录vue-cli 3 提供了 vue ui 命令，提供了可视化配置，更加人性化移除了static文件夹，新增了public文件夹，并且index.html移动到public中现在 我们来开始创建项目1.使用命令vue create

首先查看各种需要的软件是否安装完毕创建项目 完成

什么是Vue CLI?如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI.如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无以效率比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。CLI是什么意思?CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架.Vue CLI.

最近做项目时,由于后端存储多个人员时,是存的id+name的Json格式,如[{“id”:“89070338805207040”,“name”:“翟文佳(ZGM000040)”},{“id”:“89070337614024704”,“name”:“孙奕为(ZGM000039)”}][{“id”:“89070336020189184”,“name”:“郑成栋(ZGM000038)”},{“id”:“89070337614024704”,“name”:“孙奕为(ZGM000039)”}][{“id

如我下面的需求,当我们编辑某条数据时,点击 确定 按钮, 该条数据可能 数据库字段属性改变了,然而我们 当前table表格,查询是有条件的, 当前编辑的 数据 点击确定只有,他不应该 还存在这个表格,所以我们需要触发 table页面的 查询方法具体就是 子组件 需要调用 父组件 里面的 方法...

在写前端时,添加一条数据之后,一般都要执行刷新页面的操作!就是先add 在select !但有时我们添加之后,再查询,得到的结果却是没添加之前的数据,如果我们点击浏览器的刷新按钮,刚才添加的数据又会显示出来!原因可能是我们的操作 反映到数据库时, 添加 和 查询 间隔时间太短了,导致数据还没添加完,就已经查询完毕,所以我们查询的结果 不包含我们正在添加的数据!这时就需要使用setTimeout方法了 !...

ES5中的var，在前端javascript设计时， if和 for是没有块级作用域的，只有function函数是有作用域的为什么闭包可以解决问题，因为函数是一个作用域var 是没有作用域的概念的而ES6中 let是有作用域的概念的const 使用的注意...

只要属性不变，computed方法只会执行一次，计算结果会缓存而methods方法 每调用一次都会执行一次