解决使用Velocity模板 + js时出现Lexical error

最新推荐文章于 2023-05-27 16:15:45 发布

置顶 YvanJ

最新推荐文章于 2023-05-27 16:15:45 发布

阅读量3.6k

点赞数 1

CC 4.0 BY-SA版权

文章标签：日常踩坑

本文链接：https://blog.youkuaiyun.com/weixin_41698291/article/details/79225343

本文介绍了一段Vue中用于显示删除确认对话框的代码片段，并对比了其中的错误写法与正确写法。通过调整Message组件的使用方式，确保消息提示能够正确展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

出错的模板代码：

            this.$Modal.confirm({
                title : '删除确认',
                content : '确定要删除选中的记录？',
                onOk : function (){
                        axios.post('../../mgr/${pathName}/delete', ${pk.attrname}s)
                        .then(function (value) {
                            this.$Message.info({
                                content : "删除成功"
                            });
                            vm.reload();
                        })
                        .catch(function (error) {
                            this.$Message.error(error);
                        })
                }}

正确的模板代码：

             this.$Modal
                .confirm({
                title : '删除确认',
                content : '确定要删除选中的记录？',
                onOk : function (){
                    axios.post('../../mgr/${pathName}/delete', ${pk.attrname}s)
                        .then(function (value) {
                            this.$Message
                                .info({
                                content : "删除成功"
                            });
                            vm.reload();
                        })
                        .catch(function (error) {
                            this.$Message
                                .error(error);
                        })
                }
            });

记得\$Message后面要加换行符就行了