zhang8h / vue-py

vue 汉字转拼音插件

Home Page:https://zengxiaotao.github.io/vue-py/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#vue-py

vue 汉字转拼音插件

Usage

<script src='path/to/vue.js'></script>
<script src='path/to/vue-py.js'></script>
<body>
    <div id='app'>
        <p v-py='name'></p> <!--渲染成 <p>zhong guo</p>-->
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                name: '**'
            }
        })
    </script>
</body>

modifiers

  1. capitalize

    <div id='app'>
        <p v-py.capitalize='name'></p> <!--渲染成 <p>ZHONG GUO</p>-->
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                name: '**'
            }
        })
    </script>
  2. upperfirst

    <div id='#app'>
        <p v-py.upperfirst='name'></p> <!--渲染成 <p>Zhong Guo</p>-->
    </div>
    <script>
        var vm = new Vue({
            el: 'app',
            data: {
                name: '**'
            }
        })
    </script>

demo

vue 拼音插件demo

About

vue 汉字转拼音插件

https://zengxiaotao.github.io/vue-py/index.html

License:MIT License


Languages

Language:JavaScript 100.0%