Vue
神影天初
这个作者很懒,什么都没留下…
展开
-
vue监听路由
vue监听路由两种方式监听路由vue2监听路由vue3组合式api监听路由两种方式监听路由一种是使用vue2的写法,还有一种是组合式api的写法。vue2监听路由export default defineComponent({ watch: { $route: { handler: (val, oldVal) => { console.log(val); }, immediate: true, }, },});这原创 2021-12-06 15:55:14 · 3564 阅读 · 0 评论 -
vue3简单处理全屏
处理全屏1. 尝试fullscreenchange事件2. 使用keydown事件3. 最后的收尾处理1. 尝试fullscreenchange事件// script setup tsimport { onBeforeUnmount, ref } from "vue";const isSupport = document.fullscreenEnabled;const isFullscreen = ref(false);const handleFullscreenchange = () =&g原创 2021-12-02 11:10:07 · 2069 阅读 · 0 评论 -
vscode报错:找不到.d.ts中定义的名称
假如你在写ts的类型时报错:找不到名称 xxx,并且你已经在types或者typings目录中定义好了。那你应该检查你的tsconfig.json的include字段。include数组应该包含所有的你写了ts的文件。比如你的include如下:{ "include": [ "src/**/*.ts", "src/**/*.d.ts", "types/**/*.d.ts" ]}这时你在<project>/build/test.ts文件中使用了ty原创 2021-11-19 13:56:24 · 8599 阅读 · 0 评论 -
element-ui 点击dialog右上角关闭图标不关闭的问题
网上一些人说不起效是因为 visible 属性没有添加 .sync 修饰符。一般情况下是因为一个 before-close 属性,这个是关闭前的回调,会暂停dialog的关闭。该回调接收一个 done 函数作为参数,必须在回调里执行 done() 才能关闭dialog。如下所示,具体示例可以参考element官网,查看具体怎么使用。参数说明类型before-close关闭前的回调,会暂停 Dialog 的关闭function(done),done 用于关闭 Dialog原创 2021-07-29 15:40:58 · 4034 阅读 · 3 评论 -
Vue初始渲染的过渡
初始渲染就是在页面刚出现或者刷新的时候实现一些过渡效果,而且默认状态肯定不能是隐藏的,否则无法使用初始渲染。若要使用初始渲染,必须给transition添加 appear attribute或者v-on:appear 钩子<transition appear>...</transition><transition v-on:appear="customAppearHook">...</transition>初始渲染默认和进入过渡一样。原创 2021-07-09 19:45:47 · 605 阅读 · 0 评论 -
Vue基础(三)模板语法
插值 1. 文本vue 使用 "{{" 和 "}}" 作为数据绑定的文本插值, 这个也可以修改成你习惯的形式, 比如:<div id="app"> ${message + ' ' + vueStr}</div><script>new Vue({ data: { message: 'Hello', vueStr: 'Vue' }, delimiters: ['${', '}']...原创 2020-08-28 16:02:34 · 126 阅读 · 0 评论 -
Vue基础(二)实例
Vue实例化是通过 new Vue()实现的, Vue3.0就不是这么干了, 当然这是以后的事.Vue实例化就会将数据遍历通过 Object.defineProperty() 来让属性获取getter和setter, 从而可以监听数据的改变.这个也和 Vue3.0有很大的不同, 因为 Object.defineProperty() 的限制 Vue 不能检测数组和对象的变化. 所以 Vue 做了一些额外的工作.有关 Vue 响应式的一些原理可以在以后参考:https://cn.vuejs.org/..原创 2020-08-27 09:43:28 · 126 阅读 · 0 评论 -
Vue基础(一)安装
这里主要涉及Vue核心的一些功能, 对 vue 的其他生态插件不作为重点.Vue的学习路线更加简单, 需要html, css及 javascript 作为基础就可以了.对于新手及小型项目来说, 直接引入vue脚本就够了<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>在用 Vue 构建大型应用时推荐使用 NPM 安装, 这里就需要涉及到 Node 的相关知识了# 最新稳定版原创 2020-08-26 17:11:00 · 177 阅读 · 0 评论