Vue
Vue.jx Vuex
菜鸟学编程
菜鸟学编程
展开
-
URL Rewrite 重定向 导致的刷新页面 404 现象
vue admin element 之类的框架,把生产包部署到IIS后,原访问的地址访问超时或异常,想要重新刷新下页面时,会出现404 页面不存在的错误 ,如下面这个地址。的原因, 安装完后,并在项目根目录下创建 Web.config 文件,文件内容,具体可看我的这篇文章。原创 2022-11-29 16:25:56 · 825 阅读 · 0 评论 -
el-table-column使用v-if 隐藏列 显示异常问题
因业务需求,需要在点击按钮时隐藏列。于是在 el-table-column 中 使用 v-if ,但是导致前一列显示异常的问题。解决方法:给使用了v-if的 【操作】列,加一个固定的key值,或循环渲染key即可。如: key="1" 或 : key="Math.random()"不显示 【操作】列时,【审核日期】列的值未能正常显示。原创 2022-10-26 14:18:59 · 6027 阅读 · 0 评论 -
除 v-model 外实现双向绑定(子组件、父组件)
在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以变更父组件,且在父组件和子组件两侧都没有明显的变更来源。在vue2中实现双向绑定,主要是在在父组件中使用 :属性名.sync修饰符和在子组件中this.emit(‘update:属性名’,属性值)方式去实现。vue2中双向绑定的实现(2.3.0+)原创 2022-10-10 16:20:32 · 289 阅读 · 0 评论 -
Vue 中 this 的理解和使用
Vue 中 this 的理解和使用原创 2022-09-09 15:37:48 · 2659 阅读 · 0 评论 -
el-tree 滚动条自动定位
el-tree 滚动条自动定位到当前选中节点原创 2022-08-26 10:40:55 · 1942 阅读 · 0 评论 -
component:(resolve) => require
export const constantRouterMap = [ { path: '/login', meta: { title: '登录', keepAlive: true }, component: (resolve) => require(['@/views/login'], resolve), hidden: true }]这是异步加载组件,当你访问 /login,才会加载 login.vue。路由懒加载的一种写法resolv.原创 2022-04-18 16:31:18 · 4698 阅读 · 0 评论 -
Vue 关闭当前页、关闭当前标签tagsView
由于项目使用tagsView,关闭当前页面需要通过关闭当前标签来实现涉及到几个点:1. 移除VisitedView 和 CachedView 中的当前项2. 跳转到最后一次访问的标签主要思路:比对 路由路径 ( this.$route.path)两种方式:一、 在vue页面直接实现closePage() var currentView = this.$store.state.tagsView.visitedViews[0] for (currentV..原创 2021-07-29 10:11:51 · 14653 阅读 · 0 评论 -
VUE 全局函数 定义、挂载、调用
1. 新建js文件,写入需要全局挂载的方法注:暴露时必须 “default ”定义2. mian.js 中绑定到vue上3. 直接调用原创 2021-07-10 16:48:24 · 424 阅读 · 0 评论 -
Vue ElementUI 获取Input焦点
需求弹窗打开时某个 el-Input 获取焦点,使用了 this.$refs['name'].focus() 无效。查询资料后发现问题出在这里:因为ref本身是作为渲染结果被创建的,在渲染的时候是不能访问的,因为他们还不存在!如果此时代码是需要这样来写代码,那么你可以在DOM渲染完毕后再进行获取解决方法:this.$nextTick(() => { this.$refs['name'].focus() //DOM渲染完毕后就能正常获取了})...原创 2021-06-28 16:42:13 · 1818 阅读 · 0 评论 -
vue 前端进行tab页面切换时,要求不刷新
项目中TagsView组件用于tab页面切换,在项目中已使用keep-alive,目标页面也开启了“缓存”标志,但是在tab标签点击切换时,有几个页面数据还是刷新了。查找了相关资料,最终找到了一个【页签缓存】的资料,原来主要的问题就出在 “path” 和 “name” 没有完全匹配。【页签缓存】由于目前 keep-alive 和 router-view 是强耦合的,而且查看文档和源码不难发现 keep-alive 的 include (opens new window)默认是优先匹配组件的 name原创 2021-05-27 09:31:45 · 9301 阅读 · 3 评论 -
开源项目 Meiam.System 打包部署后到IIS后,“登出”操作无法正常跳转
使用VsCode调试模式下,Logout后正常跳转到“登录页面”。 但是build打包后,部署到IIS下,Logout后就无法找到页面。经过相关资料查找,主要的原因还是Vuejs打包后 "history"路由引起的。Vue框架提供了 Hash 和 History 两种路由模式。默认为 Hash 模式,但此模式下URL 中会存在“#”, 缺少美观,并且在微信中不允许URL存在“#”,所以很多人都会选择 “History"模式, 这套框架就是默认使用的”History"模式。解决方案:一、修改为 Hash原创 2021-04-02 16:21:02 · 777 阅读 · 1 评论 -
解决 vue-admin-template 刷新页面 TagsView 丢失问题
在 src / layout / TagsView / index.vue 页面中 methods: 方法中做如下修改1. 添加代码段beforeUnload() { // 监听页面刷新 window.addEventListener("beforeunload", () => { // visitedViews数据结构太复杂无法直接JSON.stringify处理,先转换需要的数据 let tabViews = this.visited原创 2021-03-24 15:02:21 · 4309 阅读 · 1 评论 -
Visual Studio Code 断点调试 Vue.js 功能 详细配置
vs code 在调试项目代码时实现 代码行设置断点调试,经实践做以下设置后能命中断点,实现调试功能:一、安装 Chrome Debug 插件二、 安装 open in browser 插件三、设置默认浏览器修改默认浏览器:选择文件—首选项—设置,在搜索栏输入open-in-browser.default,出现以下在编辑框中编辑输入:Chrome四、 设置 launch.json 配置文件代码将 launch.json 中的全部代码替换成如下代码{ "version": "0.2.0原创 2021-03-24 14:36:25 · 1200 阅读 · 0 评论 -
Vue.js 学习随笔(一)
v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新原创 2021-03-22 14:58:27 · 171 阅读 · 0 评论