vue
很好用的前端框架,数据双向绑定,以及简单易用的指令,值得学习。
桃子陶子
我想要有对生命的觉悟,有一颗自由喜悦充满爱的心,能够走遍天下的气魄,回归自然与自然相链接,安稳平和的睡眠,享受真正属于自己的空间和时间,任何时候都有懂自己的人,身体健康且内心富有,能够感染他人并点燃他人希望,当然我也希望能有一个能真正陪伴的灵魂伴侣。相信未来的我可能独自一人,但我并不孤独。健身,学习,做饭,旅游。
展开
-
vue-antdv一个场景
后台管理系统用户(给用户配置角色)角色(每个角色有不同的菜单和部门)问题 我在新增和修改功能已经写好的情况下,然后被告知接口需要将上级菜单一起传入,在新增角色配置菜单和部门的时候(tree组件),只能拿到勾选的部分,但是实际上我需要的是勾选的以及和他有关联的父级。以及如何选中之后,将我显示的和我传给接口的分开(问题1)。在修改角色配置菜单和部门的时候如何回显(问题2)。2个小问题,只是总结一下使用antd过程中的一些思路获取父级(新增功能)在tree组件中有个方法check定义了两个原创 2021-11-16 16:52:45 · 816 阅读 · 0 评论 -
vue中的动态路由
请求接口 function myRoutes(){ let token = localStorage.getItem("token"); let result = []; console.log(token); let data = { url: "sys/menu/nav", method: "get", headers:{"token": token}, params:{} }; return req.原创 2021-10-21 13:58:34 · 312 阅读 · 0 评论 -
vue3结合webpack创建项目
创建vue3.0项目+webpack新建一个项目 vue init webpack mypro//注意名字可能命名会提示出错一个提示,关于vue2.0和vue3.0输入提示命令 npm install -g @vue/cli-init安装成功,再次输入新建一个项目命令(1)...原创 2021-09-09 17:31:20 · 478 阅读 · 0 评论 -
vue中显示隐藏的两种指令以及数据页面加载时报错解决
显示隐藏v-ifv-if是通过控制dom节点的存在与否来控制元素的显隐,不需要高频切换的时候更多的使用。v-showv-show是通过设置DOM元素的display样式,block为显示,none为隐藏;v-show只是简单的基于css切换;需要高频切换的时候更多的使用。总结:综上所述,当我们在页面中,如果需要非常频繁地切换某个节点,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。v-if有更高的切换消耗;v-show有更高的初始渲染消耗。v-if能够解决在页面上原创 2021-08-23 11:56:23 · 1624 阅读 · 1 评论 -
vue插槽Slot
插槽默认插槽父组件<children-1>我是默认插槽1-这是父组件传入的值 </children-1>子组件<slot></slot> <h1> <slot>默认值1</slot> </h1>具名插槽父组件<children-2> <template v-slot:h_1> <p&原创 2021-08-17 16:54:19 · 83 阅读 · 0 评论 -
vue-组件传值
组件传值父传子父组件father.vue中引入子组件son.vue将父组件定义的参数绑定到子组件上子组件通过props接收显示到页面上子传父子组件son.vue上的一个点击事件,通过点击事件来触发$emit实现传参触发$emit,定义一个方法,传参父组件上通过在子组件绑定自身定义的那个方法,来传递给父组件的方法,获取参数父组件定义一个空值属性来接收父组件方法上传递过来的参数显示到页面上非父子组件传值(son《=》son2 互相实现了)定义一个全局的bus对象,通过b原创 2021-08-11 18:07:28 · 67 阅读 · 0 评论 -
js如何向数组中的对象添加属性
数组中的对象添加属性(vue中使用)定义在methodsfun:(arr)=>{ let _arr = []; arr.map((item,index)=>{ _arr.push(Object.assign({},item,{key:index})); }) return _arr;}使用let oldArr = [{a:1,b:2},{a:1,b:2}]let newArr = []; newArr = this.fun(arr);console原创 2021-08-09 16:49:38 · 406 阅读 · 0 评论 -
从零开始创建一个vue项目
从零开始创建一个vue项目创建空文件夹,存放相关目录,cmd进入命令行vue init webpack token 创建项目(除eslint,其它都yes)打包配置config下面的index.js中的build下的assetsPublicPath:’./’引入vuex状态管理npm i vuex -S在src目录下创建store文件夹,再在文件夹下创建一个index.js文件在index.js文件中写入import Vue from 'vue'import V原创 2021-07-28 11:01:43 · 110 阅读 · 0 评论 -
vuex在项目中的使用
vuex通过npm包下载安装npm i vuex -s在项目的根目录(src)下新增一个store文件夹,在该文件夹内创建index.js在store/index.js中配置vueximport Vue from 'vue'import Vuex from 'vuex'//挂载VuexVue.use(Vuex)//创建VueX对象const store = new Vuex.Store({ state:{ //存放的键值对就是所要管理的状态原创 2021-07-15 11:22:16 · 113 阅读 · 0 评论 -
vue组件-局部注册使用
vue局部组件创建组件<template> <div class="adrouplist-head"> <a-icon type="menu" /><span class="paddingLR5">查询</span> </div></template><script>export default { name:'v-head', data(){ ret原创 2021-07-06 13:38:49 · 94 阅读 · 0 评论 -
vue组件-全局注册使用
vue全局组件创建vue子组件 head.vue<template> <div class="adrouplist-head"> <a-icon type="menu" /><span class="paddingLR5">查询</span> </div></template><script>export default { name:'v-head', data()原创 2021-07-06 12:02:00 · 92 阅读 · 0 评论