中老年程序员

如果需要强制重新渲染一个组件，可以使用key属性。当key改变时，Vue会认为这是一个不同的元素，并且会创建一个新的DOM节点替换旧的节点。下面是一个简单的例子，在这个例子中，每当你点击按钮时，componentKey的值会增加，因此key属性会变化，Vue会认为需要被重新渲染。这种方法可以强制Vue去重新渲染一个组件，从而更新其DOM。

在做温湿度趋势曲线图时，我碰到了如下图这样的问题。我的实际值，都没有超过100的刻度的，但是他y轴的刻度线都到了250去了，这样完全不对。最后在请教了前端群里高手指点之后，去掉了series 下面的每根线的 stack 属性。y轴刻度他就能根据实际输入值来自适应了。尝试过强行给y周刻度设置最大最小值 ，但是结果也不对。

大致意思是要用div做根节点，把vue的元素包起来，不让vue元素直接作为根节点，在元素下加一层div即可，如下图。有道翻译过来是说 中的组件呈现不能动画化的非元素根节点。如上图所示警告提示，然后任何一个页面菜单都显示不出来了。然后网上搜索出来有的解决方案是说，需要给vue页面上层加div。

他的弹出框选择日期界面，会被遮盖了，在日期组件的componentProps属性里加上getPopupContainer: () => document.body就能解决问题。如上所示，我在vben 页面里面，PageWrapper 元素中引入了FormSchema，里面包含日期框，

2、检查自己设置的路由本身是否有问题，我是检查了路由指向的vue代码很久之后，实在没发现问题，然后检查路由设置，发现了如下问题，/loginout 这个路由他的重定向属性也指向 /loginout，这就有问题了，假设/loginout有问题，重定向还指向他自己，就是个死循环了。比如路由指向的vue文件里代码有错误，或者设置路由时重定向了路由自己，造成死循环。1、首先检查自己跳转的路由地址的代码本身是否有语法错误之类的，造成错误，一般没有特别好的办法，挨个注释去检查。

外部链接直接跳转到vue项目，vue项目的createRouter总是会人为的给链接路由换成/home。如果是直接用vue项目默认路由 #/home/再带其他参数跳转过去，vue项目不会再去把路由全部替换成/home，这时候后面再加自己的路由loginout和参数啥的就没问题了，顶多在router.beforeEach拦截路由的时候判断一下loginout，to.fullPath.indexOf("loginout")>0，来执控制他不执行跳转到别处。

1、获取base64.js 推荐使用npm下载：npm install --save js-base64，下载后在node_modules文件夹下面就能找到需要的base64.js。2、在普通的html文件中使用：直接将js引入使用。使用Base64.encode加密字符串，注意问号我没加密，是为后面vue项目中拦截路由准备的。我是直接到vscode中执行npm install --save js-base64 下载的。

在照着微软官网示例做MVC分页的时候。我加的asp-action（请求路由名称）属性一直不生效，加了asp-controller（请求只想的控制器））也不能产生请求到后端。指定了'href'的不能有以'asp-route-'开头的属性，也不能有'asp-action'、'asp-controller'、'asp-area'、'asp-route'、'asp-protocol'、'asp-host'、'asp-fragment'、'asp-page'或'asp-page-handler'属性。

页面对应的js文件中增加如下 this.columns.push 函数内容。按钮的点击事件 重点代码 this.edit(row);这就是框架里编辑按钮对应的buttons.js中打开编辑界面操作的函数。生成代码的列表界面，在数据行里增加一个操作列 查看按钮，打开编辑框，然后让编辑框成为一个只读的查看界面。

但是这种方式后来又发现有问题，他只是隐藏了pane，而pane里面的内容并没有隐藏，比如我是一个pane里面有一个类似自定义页的标签，这个标签指向的页面内容无法隐藏。最后是用得v-if来解决问题。3、2个菜单指向的都是同一个表的数据， 只是根据一个字段类型不同筛选不同的数据列表， 代码生成要怎么处理，另一个用视图生成代码，或者看视频上的表配置多个菜单。框架文档的 组件API ，源代码的表单布局-多列表单菜单，有复选框的示例，不过可能先要学会怎么用，不然搞不定。

Ctrl + Shift + Alt + PgUp / PgDown：列(框)选择页上/下。Ctrl + K Ctrl + D：将最后一个选择移至下一个查找匹配项。Ctrl+Shift+PgUp / PgDown：向左/向右移动编辑器。Ctrl + Shift + Alt +(箭头键)：列(框)选择。Ctrl + Shift + . /，：替换为下一个/上一个值。Ctrl+K Ctrl+ ←/→：聚焦到上一个/下一个编辑器组。Ctrl + Alt +↑/↓：在上/下插入光标。

The JSON value could not be converted to System.Boolean

假设你已经有一份vue3源码，并且依赖安装完毕。如果没有安装pnpm 请自行搜索全局安装pnpm，然后vue3的项目中安装依赖是 pnpm install。2、在打开的调试侧边栏中点击属性设置按钮，如下图所示的顺序2，这时会弹出launch.json配置文件。1、直接在vscode中点击最左侧的调试按钮 一般有个小虫子形状。4、最后点击调试侧边栏上方的调试启动箭头，会以调试方式启动项目。3、在配置文件里修改你想要启动项目的地址，如下图顺序3。

1、打开PowerShell。通过 npm 安装 pnpm。

由于npm的服务器在海外，所以访问速度比较慢，访问不稳定 ，cnpm的服务器是由淘宝团队提供 服务器在国内cnpm是npm镜像，一般会同步更新，相差在10分钟，所以cnpm在安装一些软件时候会比较有优势。npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载，国内很慢，一般都会指向淘宝 registry.npm.taobao.org。# -g是全局安装的意思，不加 -g 就是默认下载到当前目录。这个时候，nodejs下载的模块就会自动下载到我们自定义的目录，接下来我们测试一下。

在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 inject 注入数据。可以自定义一个modelValue的名字，一个组件可以绑定多个v-model。

customRef：用于自定义一个ref，可以显式的控制依赖追踪和触发响应。