uni-app 的 nvue 页面如何调试

方法一：基于 weex 网页编辑器将 nvue 的内容拷贝到 weex 网页编辑器，删除 uni 相关的方法，手机使用 weex playground 扫描屏幕二维码即可在 weex 网页调试器进行调试方法二：全局安装 weex-toolkit 进行调试全局安装 weex-toolkit，安装 weex-toolkit创建工程，$ weex create my-project用 un...

gochanTao

6974人浏览 · 2019-04-10 18:28:44

gochanTao · 2019-04-10 18:28:44 发布

方法一：基于 weex 网页编辑器

将 nvue 的内容拷贝到 weex 网页编辑器，删除 uni 相关的方法，手机使用 weex playground 扫描屏幕二维码即可在 weex 网页调试器进行调试

方法二：全局安装 weex-toolkit 进行调试

全局安装 weex-toolkit，安装 weex-toolkit
创建工程，$ weex create my-project
用 uni-app 中的 nvue 页面代码替换新建工程的 index.vue 内代码，也可以新建 vue 页面，相当于把 uni-app 工程里面的 nvue 页面复制到 weex 工程的 vue 页面，静态资源啥的也可以放到相应的结构位置，没有就自己创建
最后运行 weex run web 就可以边调试边在浏览器查看，页面调试完了可以替换原来的 nvue 页面

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^