
Vue
美丽先生
这个作者很懒,什么都没留下…
展开
-
笔记:在xt-form中插入el-table表格 和 在xt-form中插入el-button(基于iview-form)
//- 质检资料.dataBox .titleBox 质检资料: .tableBox el-table(:data="qualityInspectionData" border height="250px") el-table-column(label="序号" type="index" align="center" width="80") el-table-column(prop="number" label="编号" align="center" min-wi.原创 2022-05-10 10:19:30 · 213 阅读 · 0 评论 -
element-ui中Table表格如何合并单元格(合并多列、前几列)
参考来之https://blog.youkuaiyun.com/weixin_38516688/article/details/86021359主要代码 merageInit() { // 在下文的时候会用到,对数据进行初始化是很有必要的 this.paragraph_merageArr = []; this.paragraph_meragePos = 0; this.project_merageArr = []; this.project_meragePos原创 2022-04-13 14:43:05 · 4201 阅读 · 1 评论 -
使用element表格的合计功能,且自定义方法计算时,没有出现下方的合计
问题:使用element表格的合计功能,且自定义方法计算时,没有出现下方的合计。解决方法:数据(dom)渲染结束之后使用一下官方的doLayout方法,一定要加上this.$nextTick。一定要数据(dom)渲染结束之后使用,不然 会发现不生效。this.$nextTick(() => { this.$refs.tableRef.doLayout() })显示: el-table( :data="tableData" border height="calc(100vh - 32原创 2022-04-08 16:16:42 · 1168 阅读 · 0 评论 -
form表单中的级联el-cascader选择器,获取label文本文字(温岭联络线分部分项选取)
获取级联label的值 { title: "分部分项:", key: "sub_item", rule: {required: true, message: '请选择分部分项', trigger: 'blur'}, renderContent (h, item, form) { return ( <el-cascader disabled={ vm.title != '新增' &a原创 2022-03-31 15:35:24 · 1771 阅读 · 0 评论 -
js 求两个集合(数组)的差集
补集差集let A = [1,2,3,4]let B = [1,2,3]// B相对A的差集 即 B的补集let index = A.findIndex(i => !B.includes(i)) // 求差集3的下标 // index == 3原创 2022-03-30 00:47:19 · 1841 阅读 · 0 评论 -
el-cascader 递归设置禁用选项(tree递归同理)
data数据标签<el-cascader size="mini" :props="{emitPath:false,disabled:'disabled'}" ref="cascaderRef" :options="payment_tree" v-model="scope.row.actual_id" :show-all-levels="false"></el-cascader>js async getSetting(payment_tree) { if(.原创 2023-09-27 11:03:20 · 1031 阅读 · 0 评论 -
Vue:eliment-ui el-tree动态加载更新node.label
//el-treeel-tree( v-if="showTrees" ref="treeRef" :data="treeData" node-key="id" lazy :load="loadNode" :props="treeProps" :highlight-current="true" :current-node-key="-1" :default-expanded-keys="[-1]" @node-click="handleNodeClick").原创 2022-01-21 17:36:26 · 1380 阅读 · 0 评论 -
vue 过滤事件
el-table-column(prop="id_card" label="身份证号" align="center" width="150" show-overflow-tooltip) template(slot-scope="scope") span {{ scope.row.id_card | hideMiddle }} filters: { hideMiddle(val) { debugger r...原创 2022-01-17 15:12:24 · 411 阅读 · 0 评论 -
cellStyle使用方法;rowStyle同理,只是接收的参数不同,具体参数看element官网
cellStyle使用方法;rowStyle同理,只是接收的参数不同,具体参数看element官网methods: { cellStyle({row, column, rowIndex, columnIndex}) { let styleJson = { height: '32px', width: '100%', padding: '0px !important', } if (row.id == '5d75f0ab0f3e197fd15a5c原创 2021-06-11 18:37:56 · 2266 阅读 · 0 评论 -
el-table表格插入el-checkbox、el-input;
表格1(el-checkbox)el-table(:data="tableData" border height="calc(100vh - 285px)") el-table-column(type="index" label="序号" align="center") el-table-column(prop="label" label="字段名称" align="center") el-table-column(prop="is_require" label="内容是否为必填" align原创 2021-06-11 17:09:18 · 3656 阅读 · 0 评论 -
(有bug)使用路由守卫判断是否离开当前页面
使用路由守卫判断是否离开当前页面主要代码 stauts1_didntSave: 0, stauts1: false, tableData1: [],watch: { tableData1 (val) { if(val){ this.stauts1_didntSave++ } deep: true console.log('我是检测到变化') }},// 使用路由守卫判断是否离开当前页面beforeRouteLeave(to,原创 2021-06-10 19:21:49 · 966 阅读 · 1 评论 -
vue项目一键生成.vue模版
1.安装一个插件,识别vue文件 插件库中搜索Vetur,点击安装,安装完成之后点击重新加载2.新建代码片段 文件–>首选项–>用户代码片段–>点击右边新建代码片段–取名vue.json 确定3.粘贴入自己写的.vue模板{ // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description..原创 2021-04-13 20:02:55 · 1296 阅读 · 0 评论 -
vue组件导入导出。在.vue文件中,export default 后面的对象就相当于 new Vue() 构造函数中的接受的对象,包含组件数据(data), 方法methods等。
https://blog.youkuaiyun.com/woshichengce/article/details/98096303转载 2021-04-01 10:31:40 · 828 阅读 · 0 评论 -
安装旧版本 Vue-cli2.X.X
安装旧版本 Vue-cli(此案例为Vue-cli2.8.2 )此文章作笔记,不是教程,看不懂的可以多百度本文参考自1.安装node.js(官网选择稳定版本或者推荐版本下载进行安装,傻瓜式安装即可,可以更改安装路径)2.安装Vue-cli(1)可能npm没有配置国内镜像,国外的仓库总是不容易拉取的,所以先换一下国内的镜像。命令行输入"npm -g cnpm --registy=https://registry.npm.taobao.org"回车使用淘宝镜像(2)然后进行Vue脚手架指定版本的安原创 2021-01-21 15:26:50 · 4884 阅读 · 0 评论 -
安装最新的 Vue-cli3
安装最新的 Vue-cli(目前是Vue-cli3 及以后)此文章作笔记,不是教程,看不懂的可以多百度1.安装node.js(官网选择稳定版本或者推荐版本下载进行安装,傻瓜式安装即可,可以更改安装路径)2.安装Vue-cli命令行输入"npm install -g @vue/cli" 回车第一次安装会报错,有可能是npm没有配置国内镜像,国外的仓库总是不容易拉取的,换一下国内的镜像。命令行输入"npm -g cnpm --registy=https://registry.npm.taobao.o原创 2021-01-21 13:43:14 · 264 阅读 · 0 评论