<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[不知名的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/cxllRNGNB</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; cxllRNGNB]]></copyright><item><title><![CDATA[vue v-model小问题 无法在页面中更改双向绑定的变量的值]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/121715045</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/121715045</guid><author>cxllRNGNB</author><pubDate>Sat, 04 Dec 2021 14:01:51 +0800</pubDate><description><![CDATA[问题描述：
无法在文本框中更改双向绑定的值
出现情景：
input 双向绑定的值为 某对象的属性值
该属性值为某对象声明并赋值之后 添加的动态属性
js代码：
this.baseForm = {
	name: '',
	categoryName: cgName,
	dateType: '',
}
if (cgName == '辐照') {
    this.baseForm.reflex = 1
}

html代码：
&lt;el-input v-model="baseForm.reflex" :disab]]></description><category></category></item><item><title><![CDATA[Vue-Router多级路由的默认路由问题[vue-router] Named Route ‘****’ has a default child route]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/121714871</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/121714871</guid><author>cxllRNGNB</author><pubDate>Sat, 04 Dec 2021 13:51:15 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[elementUI table组件渲染问题]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/119148116</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/119148116</guid><author>cxllRNGNB</author><pubDate>Tue, 27 Jul 2021 17:00:41 +0800</pubDate><description><![CDATA[elementUI table组件渲染问题
1、问题：

问题描述：页面内，使用选项卡，进行内容显示的切换。切换后，原本高度合适的表格出现白边，以及滚动条
检查Dom会发现，el-table组件内，发现了一个类名为 is-scrolling-none 的固定行内样式的高度的div，导致高度显示错误：
&lt;div class="el-table__body-wrapper is-scrolling-none" style="height: 510px;"&gt;	
    ------
&lt;/div&]]></description><category></category></item><item><title><![CDATA[iframe使用小结]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/119036149</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/119036149</guid><author>cxllRNGNB</author><pubDate>Fri, 23 Jul 2021 15:22:40 +0800</pubDate><description><![CDATA[iframe使用小结、案例
虽然iframe框架技术已经非常老旧,但因为项目要求不得不品尝这一口老坛酸菜，框架的缓存机制和缓慢的响应速度恶心了我一整个项目开发周期，尽量不要用它
1、使用vue,实现单页面内,点击侧边栏与tab栏,新增、切换、删除iframe标签页

html代码示例:
			&lt;!-- tab栏,可点击切换,删除标签页 --&gt;
			&lt;nav class="hdNav"&gt;
				&lt;ul class="clearfix"&gt;
					&lt;li
				]]></description><category></category></item><item><title><![CDATA[elementUI 日期选择器 设置起始结束日期选择范围]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/113341002</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/113341002</guid><author>cxllRNGNB</author><pubDate>Thu, 28 Jan 2021 15:11:04 +0800</pubDate><description><![CDATA[elementUI 日期选择器 设置正常的起始结束日期选择范围
vue
data部分：
	 data(){
            return {
                startDate:'',
            	endDate:'',
            	startTime: { disabledDate: time =&gt; {
                	if (this.endDate) {
                        //必须早于结束日期
 ]]></description><category></category></item><item><title><![CDATA[jsPlumb使用小技巧]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109100375</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109100375</guid><author>cxllRNGNB</author><pubDate>Thu, 15 Oct 2020 16:42:59 +0800</pubDate><description><![CDATA[jsPlumb使用小技巧
1:设置节点可拖动时 ,必须把item节点的样式设置为
position:absolute

再设置
jsPlumb.draggable('item_id')

2:给连接添加点击事件：点击删除连线
如下代码:
// 请单点击一下连接线, 
jsPlumb.bind('click', function (conn, originalEvent) {
  if (window.prompt('确定删除所点击的连接吗？ 输入1确定') === '1') {
    jsPlumb.de]]></description><category></category></item><item><title><![CDATA[element-ui坑点]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097958</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097958</guid><author>cxllRNGNB</author><pubDate>Thu, 15 Oct 2020 15:20:41 +0800</pubDate><description><![CDATA[element-UI坑点
1、el-popconfirm 气泡确认框
-1  设置确认按钮的文字 confirmButtonText = “…”  是无效的
需要避免驼峰命名法 , 换成 confirm-button-text 才可以设置成功
同理 cancelButtonText 需要换成=&gt;cancel-button-text
-2  用来触发 Popconfirm 显示的 HTML标签上 需要设置 slot="reference"
否则会隐藏显示
-3 官方文档中 Events 里的 onCon]]></description><category></category></item><item><title><![CDATA[element-ui 表格列el-table-column根据数据展示不同内容]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097755</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097755</guid><author>cxllRNGNB</author><pubDate>Thu, 15 Oct 2020 15:16:56 +0800</pubDate><description><![CDATA[element-ui 表格 列el-table-column如何根据数据不同显示不同的值
使用element-ui的表格时，有时候后台给的字段和要显示在表格列里的内容不一致。
例如后台给的是status，它的值为true或false，要求显示在表格里是‘正确’或‘错误’
这时可以给el-table-column添加一个属性：formatter
html代码：
&lt;el-table ref="accountTable"
  :data="accountsListData"
  border&gt;
  &]]></description><category></category></item><item><title><![CDATA[echarts 自定义x,y轴间距]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097567</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097567</guid><author>cxllRNGNB</author><pubDate>Thu, 15 Oct 2020 15:07:22 +0800</pubDate><description><![CDATA[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: ]]></description><category></category></item><item><title><![CDATA[echarts 横向堆叠柱状图，展示2种状态]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097318</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097318</guid><author>cxllRNGNB</author><pubDate>Thu, 15 Oct 2020 15:04:31 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[element-ui 按需加载]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097245</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097245</guid><author>cxllRNGNB</author><pubDate>Thu, 15 Oct 2020 14:56:35 +0800</pubDate><description><![CDATA[element-ui 在vuecli中 按需加载
1、使用npm下载 babel-plugin-component
2、配置babel-plugin-component
vuecli4版本以上：配置bable.config.js
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  //以下为新增的配置代码
  "plugins":[
    [
      "component",
      {
       ]]></description><category></category></item><item><title><![CDATA[JS 简单树形 断路径数组 拼接成多个路径]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097213</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097213</guid><author>cxllRNGNB</author><pubDate>Thu, 15 Oct 2020 14:55:30 +0800</pubDate><description><![CDATA[简单 树形 断点路径数组 拼接成路径数组
       let aarr = [
            [1, 2],
            [1, 3],
            [2, 4],
            [4, 5],
            [4, 6],
            [3, 7],
            [7, 9],
            [3, 8],
            [8, 10]
        ]//断点路径数组
        let pathA]]></description><category></category></item><item><title><![CDATA[ant-design-vue 设置按需加载]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097154</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/109097154</guid><author>cxllRNGNB</author><pubDate>Thu, 15 Oct 2020 14:52:47 +0800</pubDate><description><![CDATA[ant-design-vue  在vue-cli按需加载
首先需要 安装 babel-plugin-import
npm install babel-plugin-import --save-dev

vue-cli 2 版本:
修改  .babelrc 文件 进行配置
  {
    "presets": [
      ["env", {
        "modules": false,
        "targets": {
          "browsers": ["&gt; 1%", "l]]></description><category></category></item><item><title><![CDATA[将多问卷（单选）选择结果记录在数组中(Vue)，并设置选项的选中样式]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/103668297</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/103668297</guid><author>cxllRNGNB</author><pubDate>Mon, 23 Dec 2019 16:40:06 +0800</pubDate><description><![CDATA[将多问卷（单选）选择结果记录在数组中(Vue)，并设置选项的选中样式
html代码：
&lt;div class="question" 
            v-for="(item, index) in questionArr" 		//遍历存放问题的数组
            :key="index"							//设置key属性
     &gt;							
          ...]]></description><category></category></item><item><title><![CDATA[移动端 选项卡导航栏 切换样式、内容 的CSS (引用了vue)]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/103612262</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/103612262</guid><author>cxllRNGNB</author><pubDate>Thu, 19 Dec 2019 12:23:44 +0800</pubDate><description><![CDATA[移动端 选项卡/导航栏 切换样式、内容 (vue)
Nav导航栏/选项卡的html
		&lt;div class="nav"&gt;
            &lt;div :class="{active:(navId==0)}" @click='navC(0)'&gt;//根据navId切换激活样式
                全部
            &lt;/div&gt;
   ...]]></description><category></category></item><item><title><![CDATA[移动端-横向滚动/滑动 css样式]]></title><link>https://blog.youkuaiyun.com/cxllRNGNB/article/details/103609666</link><guid>https://blog.youkuaiyun.com/cxllRNGNB/article/details/103609666</guid><author>cxllRNGNB</author><pubDate>Thu, 19 Dec 2019 10:17:22 +0800</pubDate><description><![CDATA[移动端-横向滚动css代码
html：
    &lt;ul&gt;
        &lt;li&gt;	//内容部分
            &lt;div&gt;
                &lt;p&gt;按时大大大阿斯蒂芬反复放&lt;/p&gt;
                &lt;p&gt;按时大大大阿斯蒂芬反复放&lt;/p&gt;
            &lt;/di...]]></description><category></category></item></channel></rss>