1.去GraphVis官网下载对应的js,新版和旧版的js有所不同,看自己需求引入旧版还是新版(GraphVis官方网址:http://www.graphvis.cn/) visgraph.min.js (基本配置js) visgraph-layout.min.js(配置布局js) 2.在需要的vue文件引入js文件 import VisGraph from '@/assets/js/GraphVis/old/visgraph.min.js' // 自己对应的js文件位置 import Layo

在ggplot的主题射中有一部分图需要对图中的部分线条进行设置 element_line(colour = NULL, size = NULL, linetype = NULL, lineend = NULL) 参数基本属于正常的线条设置的形式. 下面来看个例子 library(ggplot2) p<-ggplot(mtcars,aes(mpg,hp,colour=factor(cyl)))+geom_point() p p+theme(axis.line.x=element_line(line

vue的路由设置小结 // 异步路由的编写示例.其中针对component字段进行懒加载及分块处理,提升首屏加载速度的同时,也可以手动控制让某些页面合并到一个单独的js文件中,而不是每个页面都是一个js. //完整解释请参考官方文档:vue-router懒加载 https://router.vuejs.org/zh-cn/advanced/lazy-loading.html // const asyncRouter = [ // { // path: '/asyncRouter', // com

[02]xmind如何修改不同主题的默认线条设置 魔芋:每次都是曲线.更喜欢为直线.因为曲线的路线是不确定的,看起来就显示很凌乱. 用everything搜索defaultStyles.xml     修改后,保存. 重启xmind 效果如下:  

Vue Echarts 饼图设置默认选中一个 myChart.setOption(data) // data伟echarts所需要传入的参数,就是配置参数最多的那个玩意 myChart.dispatchAction({ type: 'highlight', dataIndex: 0 }); // dataIndex属性伟data传入的索引值 myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, position: [120, 220]

vue中select设置默认选中 一.总结 一句话总结: 通过v-model来:select上v-model的值为option默认选中的那项的值(value) 二.select设置默认选中实例 <div class="form-group"> <label class="col-sm-2 control-label">所属课程</label> <div class="col-sm-10"> <

Vue.之. 动态设置按钮Disabled 按钮代码如下: 添加了一个 属性      :disabled="isAble"  ,控制:更新按钮.重置按钮 <el-form-item> <el-button type="primary" :disabled="isAble" @click="operateFormSubmit()" plain> 更 新 </el-button> <el

在vue项目中设置BASE_URL 1.在config文件夹中新建global.js文件 const BASE_URL = 'http://192.168.1.62:8080/rest/' export default { BASE_URL } 2.在入口文件中引入,设置为全局变量 import global_ from '../config/global.js' Vue.prototype.GLOBAL = global_; 3.在有需要的地方引入baseUrl created() { con

步骤: 第一步:assets目录下添加cookie.js文件 export function setCookie(c_name,value,expire) { var date=new Date() date.setSeconds(date.getSeconds()+expire) document.cookie=c_name+ "="+escape(value)+"; expires="+date.toGMTString() //console.log(docum

问题描述 在实现锚点定位的时候发现无法设置滚动条的位置. 在Vue中,使用 document.body.scrollTop=952 无法设置滚动条的高度. document.body.scrollTop一直是0 原因 因为vue的页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement. 页面没有DTD,即没指定DOCTYPE时,使用document.body. 解决方案 document.documentElement=956 2018年10月10号新增

1,npm install vuex --save 2,在src下新建vuex文件夹,新建store.js文件: store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { count: 0, adminleftnavnum:"/" //管理后台左侧导航 } const mutations = { increment (state) { state.count++ } } //

1.config index.js下面的跨域代理设置: proxyTable: { '/api': { target: 'http://xxxx', //要访问的后端接口 changeOrigin: true, pathRewrite: { '^/api': 'http://xxx' } }, }, 2.http.js(封装axios) import Vue from 'vue' import axios from 'axios' import QS from 'qs' //视情况用于不用; i

//设置默认全局baseURL axios.defaults.baseURL=process.env.BASE_API; //设置默认全局携带浏览器cookie axios.defaults.withCredentials=true; Vue.prototype.$http = axios;

声明 本文转自:vue动态设置img的src路径 正文 相信开发的小伙伴已经遇到这个问题了,动态切换img标签的src时,写的路径就是不生效,原因是vue并没有把你的路径字符串当做路径来处理,而是直接当做字符串了,当然网上也有很多方法,这里使用的是最有效的方法.看代码:使用导入资源的方式 <template> <div @click="home"> <img :src="home_url" alt="..." sty

1:main.js中引入依赖 import Vue from "vue"; import { DatePicker } from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; #设置中文 import moment from 'moment'; import 'moment/locale/zh-cn' moment.locale('zh-cn');   Vue.use(DatePicker) 2:使用 <temp

在项目中需要为Ant Design Vue 的 select 组件设置一个默认值,如下图所示的状态下拉选择框,默认选择全部 代码如下: <a-select v-model="queryParam.status"> <a-select-option :value="0">全部</a-select-option> <a-select-option :value="2">正常</a-select-o

参数后面使用 ? id 后面加个 ‘ ? ’ ,将 id 设置为可选参数 { name: "index", path: '/p/:id?', component: resolve =>void(require(['../components/admin/layout/index.vue'], resolve)) } // == { path: '/p/:id?', name: 'index', component: Index}

vue-cli3.0搭建的项目,平时访问内部接口配置了拦截器,今天需要调用天气预报的外部接口,发现跨域问题,通过配置代理解决. 1.在vue.config.js中配置代理 module.exports = { devServer: { proxy: { // 为天气接口配置代理,解决跨域 '/proxy/': { 'target': 'https://www.tianqiapi.com', //天气接口地址 'secure': false, // false为http访问,true为https访

设置路由高亮 css:     .router-link-active, /* vue-router*/    .myactive {      color: red;      font-weight: 800;      font-style: italic;      font-size: 80px;      text-decoration: underline;          } js:  var routerObj = new VueRouter({      // route

场景:A首页.B列表页.C详情页B---->C 缓存‘列表1’详情的数据A---->C 读取‘列表1’详情的数据B---->C (希望清除‘列表1’的缓存,变成缓存‘列表2’详情的数据) A---->C 问题出现了,读取的竟然还是‘列表1’的缓存数据. main.vue <!--缓存的视图--> <keep-alive> <router-view v-if="$route.meta.keepAlive"> </route

最近再用vue写一个移动端的应用,想通过手机访问看看页面效果,于是有了下文. 1.shif+右键打开命令行工具,输入ipconfig,回车,得到电脑的ip 2.找到工作目录下的config文件夹中的index.js,将localhost换为ipv4地址, 3,重新编译项目,命令行运行npm run dev命令开启服务 4.电脑或手机端浏览器地址栏输入ipv+端口号如:192.168.1.148:8080回车即可(要求电脑和手机在同wifi内)