World_Mei的博客

功能：在表格中单击查看按钮打开外部链接js部分：viewDetail(row) { window.open(row.wurl,'_blank'); // row中的数据是表格scope.row 由后台接口返回 },

html部分：<el-table :data="someTabaleData.slice(sizePerPage*(currentPage-1),sizePerPage*currentPage)" border> <el-table-column align="center" prop="contents" label="文章标题"></el-table-column> <el-table-column align="center" prop="optyp

今天在vue项目打包npm run build 中遇到以下问题：错误原因，资源(asset)和入口起点超过指定文件限制，需要在 vue.config.js 文件内做如下配置：module.exports={ //webpack配置 configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false }, //或者 //警告 webpack 的性能提示 pe

vuex如果分为几个模块，方法是在模块中的话，如果直接在组件中通过this.$store.commit("方法名")是获取不到，必须要在前面加上模块名，如this.$store.commit("模块名/方法名")才可以获取到。同理：页面中使用状态量this.$store.commit("模块名/状态量")...

昨天在实现表格数据的批量删除时遇到的坑问题描述：当的数据:data是一个动态数据时，若表格具备selection列，且对selection列操作的事件(例如selection-change)也具备对变量的操作代码如下：<template> // 批量删除按钮 <el-button :disabled="isDisabled" type="danger"&gt...

问题描述：vue的data里边是已经声明或者赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性或者操作数组元素，如果更新此属性的值，是不会更新视图的。如下列代码：<template> <div> <ul> <template v-for="item in userInfo"> ...

本文章是对get、post两种数据提交方式进行总结1、getget方式传递的参数需要用 params、this.$axios.get(url,data) let url=''; let data={ params:{ id:1, name:'张三' } }; this.$axios.get(url,data).then(res=>{ co...

el-pagination组件的属性：1、total：设置分页数据的总个数。2、page-size：设置每页的数据个数。（默认值：10）3、page-count：设置分页的页数。设置分页可以有两种方案：（1）设置total和page-size。（2）设置page-size和page-count。4、pager-count：设置可显示的最大页码个数（7）。5、prev-text：...

自定义

以通过调取接口获取轮播图数据为例：<template> <view> <swiper> <swiper-item v-for="(item,index) in carouselData" :key="index"> <image :src="item.url"></image> </swipe...

<template> <view class="proClass flex-row" :style="proClassStyle"> <!-- 加载动画 --> <loading :isShow="isloadingShow"></loading> <!-- 左侧一级分类列表 --> <scro...

一、vuex的组成部分state，数据源（状态量）mutations，同步操作数据源getters，计算属性actions，异步操作数据源modules，模块化

一、vuex的组成部分state，数据源（状态量）mutations，同步操作数据源getters，计算属性actions，异步操作数据源modules，模块化

组件封装： 1、属性：props 2、样式：computed 3、事件： （1）若多次调用组件事件代码一致，且没有对父组件传递过来的数据进行修改的情况。将事件统一书写在组件内部。 （2）若多次调用组件事件代码不一致，或对父组件传递过来的数据需要修改。 $emit("事件名"，参数);

一、Vue指令的规定：所有的Vue指令必须以v-开头，后面带命令动词。指令的参数：v-指令动词.参数指令的修饰符：v-指令动词:修饰符二、绑定HTML属性：完整格式：<a v-bind:href=“url”>链接</a>简化格式：<a :href=“url”>链接</a>利用对象同时绑定多个属性：<a v...

一、在官网上下载Vue.js：官网：https://cn.vuejs.org/ 学习 | 教程 | 安装。使用官网提供的CDN（内容分发网络）。二、创建Vue实例： var vm=new Vue({ el:‘表示挂载点的选择器’, data:{ //数据区 }, methods:{ //方法区 } })三、需要掌握的术语：Vue实例：利用new根据构造函数Vue...