【vue-htmlwebplugin的使用】教程文章相关的互联网学习教程文章

antd design vue 设置 v-decorator 的初始值【代码】【图】

v-decorator="[‘openType‘, { initialValue:‘1‘ }]"效果:原文:https://www.cnblogs.com/guangzhou11/p/12049661.html

Vue的router路由跳转传参——实现跳转时url不显示参数【代码】【图】

http://localhost:8080/login/sss # 效果实现前 http://localhost:8080/login # 效果实现后 方法:使用Vue组件的name属性进行跳转原文:https://www.cnblogs.com/guanxiying/p/13179808.html

ant vue tree没数据时候取消懒加载箭头【代码】【图】

机构懒加载,选人时候,如果该机构下面没人,就取消加载并且不显示箭头<a-treecheckable:load-data="onloadData"@check="onCheck":tree-data="treeData":replace-fields="replaceFields":loadedKeys="loadedKeys":expandedKeys="expandedKeys"@expand="onExpand" > //异步加载数据 onloadData(treeNode) {return new Promise((resolve,reject)=>{let taskId = treeNode.dataRef.id;if (treeNode.dataRef.meta == 1) {taskId = task...

vue基础练习【代码】

<!DOCTYPE html> <html lang="zh"> <head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>vue dom</title><script src="https://unpkg.com/vue"></script> </head> <body><div id="app">{{message}}</div><div id="app-2"><span v-bind:title="message">鼠标悬停查看绑定信息</span></div><div id="app-3"><s...

vue2.0路由进阶

一、路由的模式  第一种用history方式实现,HTML5使用window.history.pushState()实现路由的切换而不刷新页面。  第二种使用hash值的方式来实现。  vue2.0两种都可以使用只需要在配置路由时加上  mode:‘history/mode‘ vue2.0默认为hash模式。需要切换为history模式时使用  const router = new VueRouter({  // mode:‘history‘,   routes:routes   })   两种模式的区别:  hash:支持所有浏览器,包...

vue项目打包发布【图】

项目开发完了以后,肯定是要打包的,不然也就失去了项目存在的意义。 上图中的build就是打包的,它会根据你的配制文件生成一个目录,然后目录中就是最终生成的文件,上传到服务器,就可以运行。 但是,一般都是存在各种各样的问题,比较说路径问题,这个是常见的问题。 这个是vue.config.js1、目录路径(静态资源)问题publicPath: 这个是访问的根目录,一开始是/ outputDir:这个是生成的文件放在那个目录下面,如果叫abc,那么生...

vue如何下载报表【代码】

_export() { const _c = this.$createElement; this.$msgbox({ title: ‘请确认‘, showCancelButton: true, confirmButtonText: ‘导出‘, cancelButtonText: ‘放弃‘, message: _c(‘div‘, null, [ // _c(‘ul‘, null, [ // _c(‘li‘, null, ‘是否导出当前待发货订单:‘), // _c(‘li‘, { style: ‘margin: .5em 0 .5rem 2em‘ }, ‘商品...

vue-router 2.0 跳转之router.push()【代码】

router.push(location) 除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。 router.push(location) 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。 当你点击 <router-link> 时,这个方法会在内部调用,所以说,点击 等同于调用 router.push(…)。 声明式:<router-link :to="..."> 编...

Vue 跳转路由并在新窗口弹出【代码】

Vue 跳转路由并在新窗口弹出methods: {beforeInquiry () {const { href } = this.$router.resolve({name:‘consult‘});window.open(href, ‘_blank‘);}, } 原文:https://www.cnblogs.com/rabbit-lin0903/p/12667311.html

初步了解vue的组件【图】

compoent引入组件1.先写好子组件x.vue,需要从父组件传变量到子组件;在子组件里写:props:[‘xx‘];为变量,用法{{xx}}即可;2.在全局样式里引用组件import X from ‘./components/x.vue‘;Vue.compoent(‘X‘,X);3.在你需要引用的vue页面里引用组件即可,如<x xx="sss"></x>就好原文:https://www.cnblogs.com/ssszjh/p/9563260.html

npm——安装教程、安装vue脚手架【图】

npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。比如常用的有:1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 首先:先从nodejs.org中下载nodejs 如图,下载8.9.3LTS(推荐给绝大部分用户使用的)双击安装 一直Next 可以使用默认路径...

vue+js清除定时器

注意data数据里面一定要定义TimeoutTimeout:Function,//定时器 methods里面 moseovefalse(){//定时器的方法 var that=this; that.show=false; }, mouseomov(){//延迟二秒执行 var that=this; that.Timeout=setTimeout(that.moseovefalse,2000) },//清除定时器,下面这行代码哪里需要放到哪里就行clearTimeout(that.Timeout); 原文:https://www.cnblogs.com/uniapp/p/12695558.html

在webpack搭建的vue项目中如何管理好后台接口地址【代码】

在最近做的vue项目中,使用了webpack打包工具,以前在做项目中测试环境和生产环境的接口地址都是一样的,由于现在接口地址不一样,需要在项目打包的时候手动切换不同的地址,有时候忘记切换就要重新打包,来回很是麻烦,今天网上翻看到一个很好的方法可以解决这个问题,也是由于对webpack工具不是很了解,其实这个工具已经提供了解决方案.参考网站:http://blog.csdn.net/gebitan505/article/details/58166055;在config文件夹里面有三个js文件...

vue自定义指令有什么用,又用在哪里?【代码】【图】

自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念,但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展,不仅可用于定义任何的DOM操作,并且是可复用的。在vue中,除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。有的情况下,对普通 DOM 元素进行底层操作,这时候就会用到自定义指令下面定义了一个v-test指令绑定数据name:<template><div class="hello"><div v-test=‘na...

vue 悬浮效果(hover)【代码】

悬浮效果hover: 就是鼠标放上去以及离开时产生的变化。 vue 中有两个属性分别为 onmouseover onmouseout 我们可以利用这两个属性来达成我们所需要的效果: 代码如下以上代码为微信图标默认为灰色图片,当鼠标移动至上面讲替换领一张图片,为绿色。原文:https://www.cnblogs.com/httpL/p/8979327.html