web建站教程

     
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

vuejs

v-html过滤标签

用v-html显示文章内容,如何过滤文章中的img标签,其实方法很简单,只要写个方法就可以了! 代码如下: v-html="htmlFormat(item.html)" 方法如下: methods: { htmlForm

htmlv-html标签
vuejs移动端页面首次加载太慢解决方案

移动端端用vuejs开发会有一个很大的问题,就是首次加载太慢了,好几秒都是白屏,下面web建站小编谈谈解决方法! 1、去掉.map文件 打开dist/static/js文件夹,我们会发现很大.map文件,些文件主要是帮助我们线上调试代码,查

懒加载移动端
vuejs导出excel表格合并相同名称

<template>   <div>     <el-button @click="exportExcel">点击导出</el-button>

excel合并导出
elementUI禁掉当前月之后的月份

1、elementUI时间组件 <el-date-picker v-model="dialog.month" type="month" placeholder="选择月份"

el-date-picker时间控件时间组件
使用对象的hasOwnProperty()方法检测是否存在某个属性

let data = [{name:'张三',age:23,sex:'男'},{name:'李四',age:23,edu:'本科'}] for(let i=0; i<da

hashasOwnProper属性
vuejs实现点击按钮复制文本内容clipboard

1、安装 npm install clipboard –save 2、template代码 <button class="copy" data-clipboard-text="复制内容" @c

clipboardvue文本
vuejs中文转拼音,带声符

1、安装 npm install pinyin –save 2、特性 根据词组智能匹配最正确的拼音。 支持多音字。 简单的繁体支持。 支持多种不同拼音风格。 3、用法: var pinyin = require("pinyin&

中文拼音
v-for遍历v-model赋值

1、在data定义 data(){ return{ colorArr: ["#f00", "#0f0", "#488"] } 2、template模板v-model赋值 <e

v-for遍历v-model
vuejs监听当前浏览器大小执行

data(){ return { screenWidth: document.body.clientWidth } }, mounted() { //监听浏览器大小 let that = this; window.addEventListe

浏览器监听
vuejs实现全站联动

1、先定义一个bus文件 import Vue from 'vue'; export default new Vue(); 2、在执行页面执行方法 bus.$emit('定义方法', 可以传参) 3、在当前页

busemit多级联动
vuejs获取div等元素的宽度和高度

在标签div,span中定义ref="barStyle" //获取标签宽度 const barWidth = this.$refs.barStyle.clientWidth; //获取标签高度 const barHeig

获取宽度获取高度
一个对象数组中根据相同id合并,对象转数组

基础数据 let eduLevelArray = [ { id: “1”, name: “张三”, edu: “小学” },{ id: “2”, name: “李四”, edu: “初中” },{ id: “1”, name: “张三”,

三角箭头合并对象合并
vuejs中el-tab-pane切换导致echarts显示不正常解决方案

el-tab-pane切换导致echarts显示不正常,原因是因为el-tab-pane用的是v-if导致的,下面是解决方案! 1、html代码 <el-tabs v-model="activeName" @tab

echartsel-tab-pane
el-table展开指定列

el-table默认是第一个字段展开,如果想在指定的列展开,可以根据以下步骤操作,如果想了解基本操作可以查看“el-table通过tree-props实现表格嵌套表格”! 1、在el-table中添加row-key=

el-table表格嵌套
el-table通过tree-props实现表格嵌套表格

1、html代码如下: <el-table>     :data="tableData"     style="width: 100%;margin-bott

el-table表格嵌套
调用v-touch后运行报 'priority' of undefined错误解决方法

1、报这个错误是因为版本的问题,priority只存在于vue-touch 1.*Vue 1 需要安装vue-touch npm install vue-touch@next –save 卸掉原来的 npm uninstall vue-t

touchv-touch报错
如何获取window.print()打印回调事件

//定义打印前事件 var beforePrint = function() { console.log("beforePrint"); }; //定义打印后事件 var afterPrint = function()

打印
el-button按钮实现v-for遍历

html代码 <template slot-scope="scope">   <el-button v-for="(item, index) in tableBtn" :k

el-buttonv-for遍历
修复vue2.0中v-if使用数组内的条件修改后无法执行

在el-table表格可以使用v-show实现动态条件判断,可以参考:“e-table循环列表点击当前列表按钮后隐藏当前按钮”,但是v-for循环的列表却不行,下面我们来看一下this.$set()。 调用方法:th

this.$setv-if
e-table循环列表点击当前列表按钮后隐藏当前按钮

1、根据id或index判断,按钮只显示大于0的按钮 @click="openListData(scope.$index, scope.row)" v-show="scope.row.id > 0&quo

e-table