vue-cli
cxllOnce
这个作者很懒,什么都没留下…
展开
-
vue v-model小问题 无法在页面中更改双向绑定的变量的值
问题描述:无法在文本框中更改双向绑定的值出现情景:input 双向绑定的值为 某对象的属性值该属性值为某对象声明并赋值之后 添加的动态属性js代码:this.baseForm = { name: '', categoryName: cgName, dateType: '',}if (cgName == '辐照') { this.baseForm.reflex = 1}html代码:<el-input v-model="baseForm.reflex" :disab原创 2021-12-04 14:01:51 · 991 阅读 · 0 评论 -
Vue-Router多级路由的默认路由问题[vue-router] Named Route ‘****’ has a default child route
Vue-Router多级路由的默认路由问题控制台警告信息:[vue-router] Named Route ‘OverView’ has a default child route. When navigating to this named route (:to="{name: ‘OverView’"), the default child route will not be rendered. Remove the name from this route and use the name of t原创 2021-12-04 13:51:15 · 1896 阅读 · 0 评论 -
element-ui坑点
element-UI坑点1、el-popconfirm 气泡确认框-1 设置确认按钮的文字 confirmButtonText = “…” 是无效的需要避免驼峰命名法 , 换成 confirm-button-text 才可以设置成功同理 cancelButtonText 需要换成=>cancel-button-text-2 用来触发 Popconfirm 显示的 HTML标签上 需要设置 slot="reference"否则会隐藏显示-3 官方文档中 Events 里的 onCon原创 2020-10-15 15:20:41 · 809 阅读 · 1 评论 -
element-ui 表格列el-table-column根据数据展示不同内容
element-ui 表格 列el-table-column如何根据数据不同显示不同的值使用element-ui的表格时,有时候后台给的字段和要显示在表格列里的内容不一致。例如后台给的是status,它的值为true或false,要求显示在表格里是‘正确’或‘错误’这时可以给el-table-column添加一个属性:formatterhtml代码:<el-table ref="accountTable" :data="accountsListData" border> &原创 2020-10-15 15:16:56 · 13680 阅读 · 0 评论 -
echarts 自定义x,y轴间距
echarts 自定义 x , y 轴刻度值js代码: //定义刻度显示内容 let xJ = [ { val: 0, date: "2020/9/19" }, { val: 24, date: "2020/9/20" }, { val: 48, date: "2020/9/21" }, { val: 72, date: "2020/9/22" }, { val: 96, date: "2020/9/23" }, { val: 120, date:原创 2020-10-15 15:07:22 · 7064 阅读 · 3 评论 -
echarts 横向堆叠柱状图,展示2种状态
echarts 横向堆叠柱状图,展示2种状态例图:数据部分 //自定义x轴刻度文字 xAxisJudge: [ { val: 0, date: "2020/9/19" }, { val: 24, date: "2020/9/20" }, { val: 48, date: "2020/9/21" }, { val: 72, date: "2020/9/22" }, { val: 96, date: "2020/9/23" }, { val: 1原创 2020-10-15 15:04:31 · 2822 阅读 · 0 评论 -
element-ui 按需加载
element-ui 在vuecli中 按需加载1、使用npm下载 babel-plugin-component2、配置babel-plugin-componentvuecli4版本以上:配置bable.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], //以下为新增的配置代码 "plugins":[ [ "component", {原创 2020-10-15 14:56:35 · 289 阅读 · 0 评论 -
ant-design-vue 设置按需加载
ant-design-vue 在vue-cli按需加载首先需要 安装 babel-plugin-importnpm install babel-plugin-import --save-devvue-cli 2 版本:修改 .babelrc 文件 进行配置 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "l原创 2020-10-15 14:52:47 · 1516 阅读 · 1 评论