初叙

echarts使用整理

dataV使用整理

数据表中类型一栏展示类型，不同的标识展示对应的内容，页面绑定一个函数用来进行逻辑处理。

组件

vue3 setup中页面跳转代码记录

nextTick

vue总结

vue使用百度地图

在Vue中，组件的props属性用于定义组件可以接收的外部数据，这些数据来自父组件并传递给子组件。

emit是Vue实例的一个方法，它用于触发自定义事件。这些事件可以被父组件监听到，从而实现子组件向父组件的通信。这种方法的好处在于，它可以让数据的流动保持单向，有助于维护组件之间的清晰界限。$emit()方法有两个参数，第一个参数代表触发事件的名称，第二个参数代表跟随事件要发送的数据。父组件想要拿到数据，需要监听子组件中自定义的事件，在事件方法中拿到数据进行操作。页面应用一个组件，采用自定义事件来传递参数。2、在方法中进行数据发送。

安装与入门

vue中filters中方法调用

改动三个地方：下拉选择模板 数据渲染 下拉选择监听填充数据//表格{ title: '是否棚改房<span class="titletips">*</span>', field: 'sfpgf', align: 'center', width: 110, // edit: 'text', templet: function (d) { return '<select name="sfpgf" clas

转备好node.js和yarn从码云上下载压缩包，解压之后用vscode打开file-》open folder打开命令窗口：terminal->new terminal下载包及运行项目，遇到报错解决：项目成功启动。

功能：可以进行编辑的表格，加入输入框和下拉选择进行数据的修改，独立添加按钮每次添加一行填写数据，操作栏包括上移、下移、删除。效果如下：页面：<el-table :header-cell-style="{background:'#f2f2f2'}" border ref="historyTable" :data="layerData" width="99vw" size="small"> <el-table-column prop="name" lab...

1、安装依赖（yarn安装）yarn add element-ui2、在main.js中引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI);写一个表格<template><!-- 古树群 --> <div class="trees-container"> <!--古

1、自定义序号<el-table-column prop="reasonNum" label="序号" type="index" width="50"><template slot-scope="scope"> <!--将序号填入模板中--> <span class="reasonNum" :title="scope.row.index">{{scope.$index+1}}</span></template>

echarts格式化图例回调函数返回对象

series: [ { name: "农村宅基地", type: "pie", radius: "75%",//饼图半径大小 center: ["50%","45%"],//饼图中心点的位置 label: { position: "inner",//标签位于圆内 fontSize: 14,//字体大小 formatter: "{c}...

icon：图例形状，类型包括 circle，rect, line，roundRect，triangle，diamond，pin，arrow，nonelegend: { orient: "vertical",//图例的布局，水平布局、垂直布局 itemWidth: 8,//图例宽度 itemHeight: 8,//图例高度 itemGap: 30,//图例之间的间隙 bottom: "bottom",//图例位置 textStyle: {//图例字体样式

将echarts的js文件放在最前面

获取子页面元素var second_menu = $(layero).find('iframe').contents().find('#second_menu');在该元素内添加子元素second_menu.append(li_dd);注：append方法，layer内的元素用append。父页面获取的元素用appendChild()...

（1）操作栏按钮事件监听table.on('tool(zongdi_extra_table)', function (obj) { if (obj.event == 'del') {//绑定的事件 var tableData = table.cache['zongdi_extra_table']; obj.del();//删除一行表格元素样式 tableData.splice(index, 1);//删除表格数据缓存 }}（2）单元

前端使用element报错：Cannot read property 'prototype' of undefined找到原因：引入js的顺序不合适，如下：https://blog.youkuaiyun.com/love_onefly/article/details/80612499

dojo中define()

VUE——v-show与v-if

绑定监听@click = "param"@click = "function(param)"事件冒泡：html元素是嵌套结构，触发内部元素时，外部事件也会由内到外触发，这种现象叫做事件冒泡。 默认事件：标签跳转就是默认事件。阻止事件冒泡@click.stop = ""...

（1）迭代整数v-for = "n in 10"（2）迭代数组v-for = "item in arr"（3）绑定数组到数组v-for = "item in [arr1,arr2]"

{{data}}用于数据绑定v-html用于输出html代码v-bind：data中use属性为true采用class1的样式,否则不使用这个类。缩写:<div v-bind:class="{'class1': use}"> v-bind:class 指令</div>绑定参数和属性<div id="app"> <pre><a v-bind:href="url">菜鸟教程</a></pre&

通过new创造一个实例:var vm = new Vue({ el:, //div的id data:{ //定义数据对象的属性 }, methods:{ //定义函数,return返回 } })双大括号{{}}用于输出对象属性核函数返回值，外层表示JS语句，内层添加的大括号表示里面的内容是变量。Vue提供的实例属性以及方法都有前缀$，与我们自己定义的区分开来。...