- 博客(30)
- 收藏
- 关注
原创 vue v-html解析tooltip
1.vue.config.js 添加runtimeCompiler: true,2.页面加载组件'mail-content': { props: { html: String }, render(h) { const com = Vue.extend({ template: `<div>${this.html}</div>` }) return h(
2021-07-29 20:54:01 599
原创 vue list hover效果
<div class="showCol2" v-for="(item,index) in tableData['riskAllName']" :key='index' @mouseover="hoverIndex = index" @mouseout="hoverIndex = -1"> <span class="riskName"> <img v-if="tableHead.field === 'riskAllName'" :src="..
2021-07-28 11:31:20 449
原创 element-ui删除最后一页的数据时,如何让它自动返回到上一页
const totalPage = Math.ceil((this.totalCount - 1) / this.params.limit) // 总页数this.params.page = this.params.page > totalPage ? totalPage : this.params.pagethis.params.page = this.params.page < 1 ? 1 : this.params.page
2021-07-01 15:13:51 182
原创 element select 分组 互斥
select 分组 互斥data() { return { type: [] }; },resetType() { let finalArr = [] if (this.type.length > 0) { // 找到当前组织 let schemaType = this.type[this.type.length - 1] this.proList.forEach(item =>.
2021-05-13 17:17:48 192
原创 vscode 设置自动格式化,格式化不换行
vscode 设置保存 格式化代码1.点击csCode文件——>首选项———>设置2.在搜索框里输入emmet.include,点击在settings.json中编辑,如下图:3.进入下图界面,往上滑动找到 "editor.formatOnSave": false,,将其值改为true即可。如下图:4.随便写代码进行测试即可。vscode 设置 保存格式化 不换行"vetur.format.defaultFormatter.html": "js-beautify-ht
2021-05-11 17:49:45 1151 1
原创 Vue 使用clipboard 复制功能
安装cnpm install clipboard --save页面调用<template> <!-- 代码展示 --> <div class="codebox"> <el-tag @click="copyLink()" class="tag"> 代码拷贝</el-tag> </div></template><script>//引用jsimport Clipboard from
2021-03-17 15:30:30 94
原创 Vue 使用codemirror 代码展示
安装npm install vue-codemirror --save在main.js中引入import VueCodeMirror from 'vue-codemirror'import 'codemirror/lib/codemirror.css'Vue.use(VueCodeMirror)在组件中使用import CodeMirror from 'codemirror/lib/codemirror'import "codemirror/theme/ambiance.css";re
2021-03-17 14:16:59 956
原创 Vue 仿ElementUI Tabs 标签页
tab展示页公用一个组件tabLink.vue<template> <!-- tab切换 --> <div class="tabLink"> <div :class="{ active: item.code == active }" v-for="item in data" :key="item.name" @click="$emit('click', item)" > {
2021-03-17 14:06:57 525
原创 Vue 根据路由地址 下载.zip包到本地(定义全局变量global)
Vue 根据路由地址 下载.zip包到本地页面代码定义全局变量globa页面代码<el-tag v-if="downloadfile.downurl && downloadfile.downurl.length > 0"> <a :href="downloadfile.downurl" :download="downloadfile.downname"> 资源包下载 </a> </el-tag>
2021-03-17 13:55:46 308
原创 vue import,找不到该文件。
import iSelect from "@/components/changeCity/iselect.vue";引入一个.vue,后程序报错.该文件我手动重命名后,系统无法找到。解决办法:删除该文件 重新创建。Failed to compile with 1 errors friendly-errors 17:26:43This relative module was not found: ...
2020-07-02 17:36:47 1851
转载 vue 引用jquery,juqyer-ui
创建项目1.全局安装 vue-clinpm install vue-cli -g2.创建项目vue init webpack-simple vue.qmap回车回车回车,创建成功3.安装依赖包cd vue.qmap //进入项目层cnpm i //安装项目依赖包4.运行项目npm run dev放入jquery1.安装jqueryn...
2020-03-26 14:44:32 254
原创 vs2019创建 vue
1.创建好项目后 右击 -在此处打开命令提示符2.在命令台输入 安装项目依赖的包cnpm install -g3.运行项目(注意:这里是 serve 没有r)npm run serve4.报错:解决方式:在项目中打开 package.json,这里有依赖@vue/cli-service我们安装一下npm i @vue/cli-service ...
2020-03-25 15:10:28 804
原创 cnpm 安装
node安装参考:https://www.cnblogs.com/zhouyu2017/p/6485265.htmlcnpm安装:参考:https://www.cnblogs.com/nowar/p/node.htmlcnpm一直安装失败环境变量更改
2020-03-21 12:36:35 159
原创 Vue 加载图片 src="[object Module]"
图片地址路径没问题, src="[object Module]" ,加载不出图片跟着视频学习时的配置: { test: /\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader?limit=0&name=[hash:8]-[name].[ext]' },//处理图片路径的 loader修改:重新配置显示方式{ test: /\.(j...
2020-03-20 12:12:13 909
原创 npm安装报错
安装插件报错:npm i vue-loader-plugin -Snpm ERR! cb() never called!npm ERR! This is an error with npm itself. Please report this error at:npm ERR! <https://npm.community>npm ERR! A comple...
2020-03-20 11:06:51 1754
原创 File was processed with these loaders:
在component中加了一段css代码后 运行报错:<style lang="stylus" scoped> .app-container { padding-top: 40px; }</style>Module parse failed: Unexpected token (18:0)File was processed with these...
2020-03-20 11:02:36 3469 1
原创 webpack 打包输出报错
webpack .\src\main.js .\dist\bundle.js打包项目的时候,报错如下:Cannot find module 'json-parse-better-errors'解决方式:全局安装 webpack 和webpack-clinpm i webpack -g //全局安装webpacknpm i webpack-cli -g //全局安装...
2020-03-18 14:02:19 519
原创 Vue笔记
运行 npm i nrm -g 全局安装 nrm 使用 nrm ls 查看当前所有可用的镜像源地址以及当前所使用的镜像源地址; 使用 nrm user npm 或nrm use taobao 切换不同的镜像源地址 注意:nrm 只是单纯的提供了几个常用的 下载包的 URL地址,并能够让我们在 这几个地址之间方便的进行切换,但是,我们每次装包的时候 ,使用的 装包工具,都是 npm...
2020-03-17 20:44:57 202
原创 VSCode 插件安装
1.中文(简体)语言包Chinese (Simplified) Language Pack for Visual Studio Code 将界面转换为中文
2020-03-14 13:05:12 193
原创 git first实际操作
git init //当前目录下添加git本地仓库ls -a //查看当前目录下的文件cd .git //命令行进到git文件夹ls //查看git下的文件git status //查看当前git状态fatal:this operation must be run in a work tree//所有的命令都必须在Git仓库的根目录下执行pwd //查看当前目录cd .. /...
2020-03-11 10:47:28 146
原创 ement快捷操作笔记
定义class 和 ID:输入 标签名 .class名:例如:我要生成一个div class名为header的标签 div.header按下Tabdiv.header生成:<div class="header"></div>嵌套:嵌套运算符用于在生成的树中定位缩写元素:是否应将其放置在context元素的内部或附近(摘自Emmet文档)。子:&g...
2020-03-09 17:02:32 264
原创 jQuery基本用法
在DOM加载完成后就可以可以对DOM进行操作 $(function() { $("input").click(function() { console.log(this.value) }) }) //其实这个就是jq ready()的简写,他等价于: $(document).ready(function()...
2020-03-09 16:03:23 114
原创 Sublime 插件整理
html-css-js prettify使用快捷键ctrl+shift+p调出控制台,输入install package,然后输入html-css-js prettify,进行下载格式化操作选中代码,然后按Ctrl+Alt+H对代码进行格式化...
2020-03-09 15:41:34 129
原创 HTML标签类型
标签 含义 说明 br 换行标签 非关闭型 p 段落标签 关闭型,块级标签,前后有明显间隔 h1、h2、h3...h6 标题标签 按照h1到h6逐渐变小,块级标签,加粗显示 pre 预格式化文本标签 保留编码的格式 div 分区标签 常作用容器来使用,一般用来页面布局,块级标签 span 范围标签...
2020-03-06 10:31:31 265
原创 HTML特殊符号
特殊字符< < 小于号 less than> > 大于号 greater than 空格 space 对于连续空白的字符(包含空格,缩进,换行等),在浏览器中显示时只会显示为一个...
2020-03-05 16:22:45 136
原创 Git快速入门笔记
看课程做的笔记课程地址:https://edu.csdn.net/course/detail/26511git config --global user.name "jie"git config --global user.email "4758@qq.com"git init //初始化本地git仓库,会在当前目录下创建一个git目录,用于记录所有版本变更信息g...
2020-03-04 22:48:03 219
原创 VS运行正常,IIS上报错
最近新建立了一个三层的项目,在发布到IIS上出现了问题。VS运行没有任何问题,IIS上提示错误“/”应用程序中的服务器错误。未将对象引用设置到对象的实例。说明: 执行当前 Web 请求期间,出现未经处理的异常。请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息。 异常详细信息: System.NullReferenceException:
2014-01-16 11:17:32 934
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人