- 博客(14)
- 收藏
- 关注
原创 Vue2数据管理插件vuex使用方法
mapMutations('模块名',{ 要改的名字: '名字'})$store.commit('模块名/方法名')(mutations)$store.dispatch('模块名/方法名')(actions)$store.getters['模块名/方法名'] (getter)mapActions('模块名',{ 要改的名字: '名字'})mapState('模块名', { 要改的名字: '名字'})mapGetters('模块名',{要改的名字: '名字'})作用:方便做不同组件的传值。
2023-12-29 23:07:42
493
1
原创 小程序的双token实现无感刷新
vue无感刷新和小程序思路是一样的。小结:return的位置很重要,一定不能忘记return,不然容易进入死循环。在utils创建http.js文件封装,设置基地址、请求拦截器,响应拦截器。,也有几个 API 不支持返回 Promise,其中就包含。下载第三方包:npm install wechat-http。进行封装也可以使用第三方的封装好的模块。小程序中绝大部分的 API 都支持。挂载小程序、暴露方法等。
2023-12-22 14:01:00
662
原创 elment-ui使用原生事件,解决Select 选择器嵌套tree树形结构,点击tree结构节点,不能选中节点内容赋值给Select 选择器bug
在Select 选择器获取焦点时,获取数据,赋值给tree结构显示,当Select 选择器焦点时,隐藏tree结构,在此时,点击tree节点,会发现无法完成赋值,直接原因是,在点击tree结构时,Select 选择器已经失去了焦点。tree结构已经隐藏,无法完成赋值,所以这里添加了原生事件,鼠标按下 @mousedown.native="onMousedown",解决使用Select 选择器嵌套tree树形结构,点击tree结构节点,不能选中节点内容赋值给Select 选择器bug。
2023-12-19 15:46:12
608
1
原创 小程序setData与splice的返回值
list:this.data.list.splice(e.mark.index,1)这里相当于是取到splice的返回值赋值给list,所以当我们点击删除时,此时的页面只会留下被点击删除的元素。这里看似没有任何问题,但其实,splice的返回值是被删除的数组元素,而splice的本质是改变原来的数组。setData是用来更新视图层数据变换,而我们在对页面渲染数组进行增删改查会出现不一样的写法,例如。
2023-12-15 10:22:35
485
原创 elment-ui表格自定义序号随数据数量变化
tableData.pageSize:声明数据里每页显示数据的条数(例如十条一页)scope.$index+1:插槽获取当前页面这一行数据的索引号。currentPage:双向绑定的当前页码。
2023-12-14 20:16:31
835
1
原创 v-if和v-show的区别
如果要双分支多分支,那肯定用v-if的组合但是v-if是通过操作dom的创建和销毁来控制的,而v-show是通过display来控制的,所以v-show的性能更高。如果频繁切换那建议用v-show如果是一次决定有或者没有某个标签就用 v-if。
2023-12-14 17:32:10
350
1
原创 Vue与MVVM的关系
Vue框架就是一个典型的MVVM模型的框架,它相对于MVVM的ViewModel层,负责View和Model的通信。解析器:对每个元素节点的指令进行扫描和解析,根据指令模版替换数据,以及绑定相应的更新函数。所以ViewModel的作用是:数据变化后更新视图,视图变化后更新数据。MVVM是一种设计模式,是程序员总结的一套更高效的编程思路,方法。1.M:Model层:数据层,数据和业务逻辑在model层定义。2.V:View层:视图层(界面),数据展示。监听器:对数据属性进行监听,
2023-12-13 20:30:53
449
1
原创 Vue利用Vue Baidu Map,导入百度地图,完成关键词搜索,覆盖物编辑。
2.注册组件(全局注册和局部注册,这里是全局注册,可自行翻阅Vue Baidu Map官网查阅)下右(BMAP_ANCHOR_BOTTOM_RIGHT),下左(BMAP_ANCHOR_BOTTOM_LEFT),上右(BMAP_ANCHOR_TOP_RIGHT),上左(BMAP_ANCHOR_TOP_LEFT),3.给地图组件设置足够大的宽高显示地图。
2023-12-13 20:04:31
979
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人