yangyi

vxe-table实现表格多项选择联动

基于vue做一个前端页面导出为doc文档（简版）

一个适合vue的html代码比对工具。

【代码】对Elemnet的组件textarea输入框进行行数限制，超过限定行数不允许输入。

1、contenteditable使用contenteditable作为dom元素的可编辑属性，默认为false，当需要一个非input的标签需要编辑时只需设置该dom的contenteditable值为true即可。//eg: <style type="text/css"> .box{ width: 400px; height: 100px; padding: 10px; background: #00B0F0; color: #FF0000; }

一、安装使用Sortable.js1、安装cnpm install sortablejs --save2、在需要的vue页面单独引入<script> import Sortable from 'sortablejs' export default{ ......... data() { return { accessoryList : [1,2,3,4,5,6,7,8,9] } } ......... } </s

一、常规（给不同的class名）<template> <div> <h1 class='yy_back yy_color'>杨·一</h1> </div></template><style> .yy_back { background: red; } .yy_color{ color: #409EFF; }</style>二、st

1、获取某年某月第一天是周几getMonthStartDay(year, month, index) { let monthFirstDay = Number(new Date(year, month, 1).getDay()) return monthFirstDay}this.getMonthStartDay(2021, 06, 1)2、获取某年某月某天是一年中第几周getWeek(year, month, day) { //计算当年一月第一天是周几 .

前端过滤带有样式图片的文字//content为要过滤的内容subContent(content) { if (content !== null){ content = content.replace(/(\n)/g, '') content = content.replace(/(\t)/g, '') content = content.replace(/(\r)/g, '') content = content.replace(/

vue中使用v-for的错误案例[Vue warn]: You may have an infinite update loop in a component render function.错误代码及结果图//html代码块<div class="resultsClass"> <div v-for="(yItem, yIndex) in getSumResult(inputForm.scheduleRelationList)" :key="yIndex">

官方文档预期效果：实现：<div class="table"> <el-table :data="tableData" style="width: 100%" height="320"> <el-table-column fixed prop="id" label="包ID" min-width="50"></el-table-column> <div slot="empty" class="emptyBg"> <i

在vue项目中使用elementui做一个竖屏走马灯效果，carousel组件有点击事件，并没有明确的鼠标滚轮事件，希望做一个鼠标前后滚动也可以切换走马灯，当没有滚动跳出现时，通过监听scroll将无作用。1、走马灯的上下页点击切换setActiveItem(index) { //index为走马灯当前页码 let nextIndex = index ++; this.$refs.carousel.setActiveItem(nextIndex)},2、走马灯的上下页鼠.

说明：由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割：一、按状态划分1、在使用模块化过程中，可以将每个状态进行分开，如下图：2、在每个js文件里的代码都需要通过export default { // ...其他代码省略 }.

一、Vuex概述Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。1、什么样的数据适合存储到Vuex中一般情况下，只有组件之间共享的数据，才有必要存储到Vuex中；对于组件中私有的数据，依旧存储在组件自身的 data中即可。二、Vuex的基本使用1、安装Vuex依赖包npm install vuex --save2...

过滤器(filters)，也是一个函数位置，放置filters的位置与el、data、methods等并列；<script> const app = new Vue({ el:'#app', data(){ return { price: 100.123, } }, methods:{ // getShowPrice(price){ // return '￥' + price.toFixed(2) // } }, filt

在XHTML文档第一行新增了<!DOCTYPE>元素，该元素用来定义文档类型。DOCTYPE是document type(文档类型)的简写，他设置XHTML文档的版本。使用时应该注意该元素的名称和属性必须大写。DTD（如 xhtmll-transitional.dtd）表示文档类型定义，里面包含了文档的规则，网页浏览器会根据预定义的DTD来解析页面元素，并把这些元素所组织的页面显示出来。要建立符合网页标准的文档，**DOCTYPE是必不可少的关键组成部分，除非XHTML确定了一个正确的DOC.

一、将标准时间格式化成xxxx-xx-xx题：Sun Jul 05 2020 11:08:57 GMT+0800 (中国标准时间)答：js: computed:{ time:function () { const time = new Date(); console.log(time) const year = time.getFullYear(); const month = (time.getMonth() + 1).toString().

计算属性(computed)

1、build：构建脚本目录1）build.js ==> 生产环境构建脚本；2）check-versions.js ==> 检查npm，node.js版本；3）utils.js ==> 构建相关工具方法；4）vue-loader.conf.js ==> 配置了css加载器以及编译css之后自动添加前缀；5）webpack.base.conf.js ==> webpack基本配置；6）webpack.dev.conf.js ==&g.

vue项目搭建在最后一步卡住过不去错误分析：可能是node或者webpack出错解决方法：将node卸载干净，安装最新的版本以上是个人遇到的问题以及解决办法，如有不当请留言