vue
Turing·
不积小流无以成江海
展开
-
Vue AntDesign项目环境搭建
安装vue配置环境变量export PATH="$PATH:/Users/qiangyuecheng/.npm-global/bin"更新cli npm i -g @vue/cli创建项目 vue create 项目名称(不能有大写字母)npm install ant-design-vue --savenpm install antd-init -g在main.js添加import Antd from 'ant-design-vue'import 'ant-design..原创 2021-08-09 17:10:09 · 365 阅读 · 0 评论 -
Vue AntDesign自定义树形 a-tree 穿梭框 a-transfer
<template> <div id="app"> <div> <a-transfer class="tree-transfer" :data-source="dataSource" :target-keys="targetKeys" :render="item => item.title" @change="onChange" .原创 2021-07-16 16:13:16 · 6756 阅读 · 4 评论 -
@change携带多参数
<a-switch checked-children="开" un-checked-children="关" @change="(...args)=>updateRunStatus(...args,record)"/>定义方法参数亲参考updateRunStatus(checked,event,recode){ console.log("recode:"+JSON.stringify(recode)) console.log...原创 2021-07-07 19:03:52 · 794 阅读 · 0 评论 -
Vue读取JS文件里的Echarts图像 “TypeError: Cannot read property ‘init‘ of undefined“
vue文件<template><div> <div id="main" style="width: 600px;height:400px;"></div></div></template><script>import {mychartsetiption} from "@/views/newFo/ditu"export default { created() { }原创 2021-03-13 19:37:18 · 142 阅读 · 0 评论 -
MAC安装Vue环境
安装Nodejs环境 npm install vue-cli -g vue -list (报错解决办法,添加环境变量) vue init webpack myvue cd myvue npm install npm run dev原创 2021-01-18 17:03:14 · 285 阅读 · 0 评论 -
Vue使用highlightjs高亮显示代码
官网:https://highlightjs.org/首页可以点击查看主题然后点击下载目录结构styles在dist/static下放入css和js文件 css为选择主题 (agate)在index.html里引入在需要高亮显示的地方添加标签效果:...原创 2020-10-27 21:18:40 · 1112 阅读 · 0 评论 -
VUE渲染富文本编辑器内容
<div v-html="bk.bkContent"></div>bk.bkContent为content原创 2020-10-27 15:34:55 · 2950 阅读 · 0 评论 -
Vue父组件给子组件传值
父article-detail为子组件名<template> <article-detail :is-edit="false" :staffID="staffId"/></template><script>import ArticleDetail from "./components/ArticleDetail";import { mapGetters } from "vuex";export default { name: "C原创 2020-10-27 13:16:23 · 280 阅读 · 0 评论 -
Element-UI前台表格时间格式问题&&json转时间时差问题
引入moment安装:npm install moment --save提示有错的话执行:实例:遍历集合取时间<el-table-column label="加入时间" align='center' prop="gmtCreate" :formatter="dateFormat">定义方法:dateFormat(row,column){ var date = row[column.property] if(date ...原创 2020-08-13 00:26:05 · 300 阅读 · 0 评论 -
vue-element-admin(long类型转换json出现精度丢失)+整合OSS+nginx
官网:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD环境:vscode node.js 后台代码就是简单的基于springboot的增删改查安装nodejs,在vscode工作空间目录命令行里安装依赖,启动npm run dev修改框架路径:vue-admin-template-master\vue-admin-template-master\.env.developmen..原创 2020-07-02 08:42:45 · 944 阅读 · 0 评论 -
Vue (获取 .env.development的值)
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --></head><body> <div id="qyc"> {{message}} </div></body> <!-- import Vue before Element --> <s.原创 2020-06-30 19:10:11 · 6516 阅读 · 0 评论