Open Starlwr opened 2 years ago
安装短代码插件(Shortcoder),并开启PJAX局部刷新后,从首页点开页面或文章,其中的短代码无法解析,效果如下 手动刷新后才可以正常显示,效果如下 图片中是引入了一个element-ui的测试按钮,在插件中新建短代码,名称为element-button,添加以下代码后保存,即可在文章或页面中使用[sc name="element-button"][/sc]引入
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <div id="app"> <el-button @click="visible = true">Button</el-button> <el-dialog :visible.sync="visible" title="Hello world"> <p>test</p> </el-dialog> </div> <script> new Vue({ el: '#app', data: function() { return { visible: false } } }) </script>
需要把相关代码放进重载函数里面,见app.js
看了一下sakura-app.js,但是没太搞明白,是需要把解析短代码相关的函数放在this.pjax = function () 里面吗,如果您知道如何操作的话可否稍微再指点一下
对的,放里面
有无简单的示例?比如就 console.log("每个页面都运行这句") 让每个页面在控制台都输出
https://github.com/mashirozx/sakura/blob/3.x/js/sakura-app.js#L22-L31
问题描述
安装短代码插件(Shortcoder),并开启PJAX局部刷新后,从首页点开页面或文章,其中的短代码无法解析,效果如下 手动刷新后才可以正常显示,效果如下 图片中是引入了一个element-ui的测试按钮,在插件中新建短代码,名称为element-button,添加以下代码后保存,即可在文章或页面中使用[sc name="element-button"][/sc]引入