全部 vue 基础 vue前端开发快速入门与专业应用 vue 项目实战 vue 开发实战 nuxt vue cli VUE3 vue3 快速上手

分类：vue 基础

木灵鱼儿 3年前 vue 基础

vuex namespaced 命名空间

我们有时候在使用vuex模块的时候，在其中加了一个键值对为：namespaced : true export default { namespaced: true, state { zoom: 15 }, getters:{}, mutations:{}, actions:{}, } namespaced为true的作用是告诉vuex，该模块所有的state 、getters、mutations、actions里面的东西调用时都需要加上命名空间，这个命名空间就是该模块被improt时命名的名字。假设这个模块的名...

8050 0 0

namespaced 命名空间

网页在线预览pdf文件的demo pdf.js

木灵鱼儿 3年前 vue 基础

网页在线预览pdf文件的demo pdf.js

在用BOSS直聘的时候发现他那边可以直接查看pdf文档，我想着web能不能做到，于是今天花了一点时间去做这个，顺带用vue写了个单页demo，用的是bootstrap-vue框架。第一次用的这个，文档有点怪怪的，用习惯国内的框架，一上来用英文的，而且也不怎么详细，所以导致没研究出单个模块引入的方式，于是js文件就变的很大了，废话少说，这次的重点是如何在web端查看pdf文件。基本做法就是将文件渲染成画布canvas，然后在输出到网页中，其中最好的，也是最复杂的就是pdf.js，该项目在github开源，并且是mozilla发布，有点东西。不过github的东西可能比较适合使用ifr...

3357 0 0

pdf.js

制作一个简单的modal模态框

木灵鱼儿 3年前 vue 基础

制作一个简单的modal模态框

制作一个简单的modal组件，主要效果就是，点击按钮能够弹出这个模态框，然后模态框有两个按钮，点击取消能够关闭，确认就alert弹出提示信息，并且他的宽度由父组件控制，内容也由父组件渲染，然后按钮的事件也是父组件的。效果图首先我们创建一个组件，由于html代码过多，所以采用在html文件中创建，然后js获取。先引入一个css文件： <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css"> <script id="templatTpl" type=...

2175 0 0

vue modal 模态框

Vue 组件

木灵鱼儿 3年前 vue 基础

Vue 组件

组件创建注册 vue通过组件可以达到重复利用，有点类似jq的插件，但是又不同，组件需要先创建再注册，注册后再到html里引用，组件又分全局和局部。全局组件注册 var myTitle = Vue.extend({ template : '<h2>我是一个全局的标题组件</h2>' }); Vue.component('my-title',myTitle); var app = new Vue({ el : '#app' }); <div id="app"> <my-title></my-title>...

2377 0 0

vue vue组件

分类：vue 基础

vuex namespaced 命名空间

网页在线预览pdf文件的demo pdf.js

制作一个简单的modal模态框

Vue 组件

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

分类：vue 基础

vuex namespaced 命名空间

网页在线预览pdf文件的demo pdf.js

制作一个简单的modal模态框

Vue 组件

最近评论

博客文章RSS订阅

博客评论RSS订阅